草庐IT

view_component

全部标签

javascript - meteor ,如何更改事件模板( View )?

我正在构建一个有两个View的应用:主页和View列表当用户在主页View上点击列表名称时,它应该更改为“View列表”模板。我添加了一个名为“view”的session变量,在启动时将其设置为“home”。当在主屏幕上的其中一项(列表名称)上检测到单击事件时,它将View的值更改为“viewList”。然后在HTML中,如果“view”是“home”,我有一个if语句来显示home模板,否则显示“viewList”模板。我可以看出第一部分是有效的,因为我正在输出“view”的值,并且当您单击列表名称时它会输出值“viewList”,只是不会更改模板。我错过了什么?我的代码:我的列表.

javascript - knockout : Invoking function of parent component from child component

问题:我正在尝试构建一个小部件仪表板。每个小部件的标题上都有一个删除按钮。单击此按钮时,相应的小部件必须消失。我是如何设计的:我有两个knockout组件。我的小部件列表:VO将有一个小部件对象的observableArray。我的小部件:VO将在小部件中显示详细信息。注意:为简单起见,我只用数字替换了小部件对象。ko.components.register('my-widget-list',{viewModel:function(params){varself=this;self.values=ko.observableArray([10,20,30,40,50]);self.del

javascript - JS 文件在刷新后在局部 View 中不起作用

这是“Jsfilenotloadedafterpartialviewisrefreshed”的分支问题。问题是,如果我将我的脚本放入主视图中,它就无法部分工作。我的自定义脚本:$(function(){$.ajaxSetup({cache:false});vartimer=window.setTimeout(function(){$(".alert").fadeTo(1000).slideUp(1000,function(){$(this).hide();});},3000);$("[data-hide]").on("click",function(){if(timer!=null){

javascript - 视觉 : Components/templates as props

我目前正在尝试学习vue并在整个组件概念上苦苦挣扎。假设我有一些定义选项卡的组件(如浏览器选项卡)。这个组件有一个名为name的属性。所以你可能会像这样使用组件:然而,让我们说事情需要更复杂一点。例如,您不只是希望名称是一个字符串,而是常规的HTML。好的,所以,您可以在v-html指令中使用prop并像这样使用选项卡组件:'+tab.display_name+''">由于引述太多,我花了一段时间才弄明白。有没有办法逃离这个逃生hell(完全是双关语)?我怎样才能把它放到它自己的代码片段/模板中?如果我们让它变得更复杂怎么办——比如我们要求prop是一个vue组件?'+tab.disp

javascript - 如何在 EmberJS 中显示/隐藏 View

我希望在加载时隐藏一个View,然后当用户单击链接时它会显示该View。有人可以检查我的代码并让我知道我做错了什么吗?App.parentView=Em.View.extend({click:function(){App.childView.set('isVisible',true);}});App.childView=Em.View.extend({isVisible:false});这是jsfiddle:http://jsfiddle.net/stevenng/uxyrw/5/ 最佳答案 我会创建一个简单的isVisibleBi

javascript - 如何包含特定于每个 View 的javascript文件angularjs

我遇到的问题是,在我将它绑定(bind)到网格之前,loadjs文件并不总是被加载。我已阅读有关使用指令的其他帖子,但我不明白如何在我的案例中使用它们。代码应该加载一个特定的View,每个View依次有一个特定的javascript文件,需要在最终重新生成View之前加载该文件所以View1可能是一个具有datagrid.js文件依赖性的数据网格,而View2是一个具有listview.js依赖性的ListView谢谢。FunctionMyCtrl1($scope){$scope.$on('$viewContentLoaded',function(){//Loadfileifnotal

javascript - angular js按时间间隔更新json并更新 View

我一直在尝试在Internet上找到一种解决方案,以便能够在设定的时间间隔内更新我的$httpjson请求,同时让它用新数据更新我的绑定(bind)。我看过一些使用$timeout的示例,但无法使其正常工作,只是想知道最好的方法是什么。此外,能够使用下拉的新数据更新View是我似乎无法解决的问题,因为我无法提出新请求。这是我当前的构建。app.js文件,这仅显示json的初始提取。varmyApp=angular.module('myApp',['ngRoute']);myApp.controller('MainCtrl',['$scope','$http',function($sco

javascript - 通过说 "require(' library')"可能需要来自 bower_components 的 JS 文件?

我是RequireJS的新手,看起来它实际上可能是不可能的,但我仍然会继续问下去,以防我遗漏了什么。在文档中它说..ThissetupassumesyoukeepallyourJavaScriptfilesina"scripts"directoryinyourproject.project-directory/project.htmlscripts/main.jshelper/util.js但是如果我必须在bower_components中从我的bower安装文件中获取文件怎么办:project-directory/bower_components/jquery-mousewheelj

javascript - 在 Angular 2 中鼠标悬停之前,组件变量更改不会在 View 中更新

从angular2-alpha更新到最新版本后,bool值的更改不会更新*ngIf,直到执行某些操作。这里是有问题的组件:declarevarCKEDITOR:any;exportclassFieldComponent{@Input()field:any={};ckeditor:any;editable:boolean=false;constructor(){this.switchToUnEditable();this.listenForEvent("FieldEditableEvent",(data)=>{this.switchToEditable();});}switchToEdi

微信小程序scroll-view实现自定义刷新

微信小程序scroll-view实现自定义刷新@TOC先说原生页面级的刷新通常我们可以利用微信小程序的onPullDownRefresh函数(下拉刷新监听函数)和onReachBottom函数(上拉加载监听函数)监听页面的下拉和上拉动态,从而对页面数据进行修改!1.在页面.json文件声明//下拉刷新"backgroundTextStyle":"dark",//backgroundTextStyle设置为dark是为了可见下拉时的三个点。。"enablePullDownRefresh":true//允许下拉刷新2.使用onPullDownRefresh()监听用户下拉操作,实现刷新操作;onP