草庐IT

view-model

全部标签

javascript - EmberJS 嵌套 View 和 Controller

我正在使用EmberJSv1.0.pre编写应用程序。我有一个ArrayController,其中包含所有人员的列表。有一堆嵌套View显示人、他们的宠物和每只宠物的注释。|----------------------------------------||John|从纯MVC的Angular来看,感觉每个child都应该有一个Controller,但我不知道如何在Ember中实现它。有最上面的ArrayController,然后是所有单独的View。如果我想删除或编辑笔记,似乎我需要将View的上下文传递给Controller​​。//intheviewclick:function(

javascript - Angularjs input[placeholder] 指令与 ng-model 中断

所以第一天开始使用angularjs,我不太明白。我正在尝试使用AngularDirective(指令)模仿html5占位符。在我向该字段添加ng-model之前,它完全有效,然后它仅在用户与该字段交互并破坏该字段的任何值后才有效。代码在这里http://jsbin.com/esujax/32/edit指令App.directive('placehold',function(){return{restrict:'A',link:function(scope,element,attrs){varinsert=function(){element.val(attrs.placehold);

javascript - AngularJS:在 View 内输入未绑定(bind)到预期范围

我在绑定(bind)来自View内部的输入时遇到问题。我以为它会绑定(bind)到Controller范围,但它似乎绑定(bind)到子范围,所以上面没有更新。如果其他项目在ng-repeat中,它们将像我预期的那样绑定(bind)(我不确定为什么)。举个例子:http://jsfiddle.net/hMpsB/1/如果输入不在ng-repeat内,将输入绑定(bind)到正确范围的最佳方法是什么? 最佳答案 在你的例子中,你会更幸运地将你的$scope.test绑定(bind)到一个对象而不是像这样的原始类型:$scope.tes

javascript - Waypoints JS 底部 View ,是否有顶部 View ?

我使用waypointsjs来检测元素何时在视口(viewport)中。http://imakewebthings.com/jquery-waypoints/https://github.com/imakewebthings/waypoints是否可以检测元素的顶部何时位于视口(viewport)底部?干杯可 最佳答案 还没有人给出正确的答案,所以这是我的答案。如您所知,Waypoint插件有一个offset选项。此选项会在元素的顶部或底部通过视口(viewport)的顶部或底部后触发处理函数。以百分比表示的偏移值表示您希望函数在其

javascript - Backbone Marionette : Defer view close until beforeClose animation is complete

我正在尝试使用Backbone.Marionette在渲染和关闭ItemView时设置动画。对于渲染View,这是相当简单的:MyItemView=Backbone.Marionette.View.extend({...onRender:function(){this.$el.hide().fadeIn();}...});这将使我的View在渲染时淡入。但是假设我想在关闭时淡出我的观点。beforeClose:function(){this.$el.fadeOut();//doesn'tdoanything....}这是行不通的,因为该项目在调用this.beforeClose()后立

javascript - "Backbone.Model.extend() is not a function",我做错了什么?

我对Backbone很感兴趣,因此决定打开一个jsFiddle来玩一玩。不幸的是,我不断收到此错误:Backbone.Model.extendisnotafunction我的代码:varModel=Backbone.Model.extend();我从Backbonetutorial得到这段代码.Thefiddle.我做错了什么? 最佳答案 您需要包括underscore.js在backbone.js之前,就像在你的fiddle的这个更新版本中一样:http://jsfiddle.net/ambiguous/AFmQ2/1/来自fin

javascript - 如何根据模型属性为 Backbone.js View 动态设置类名?

基本上我需要的是做这样的事情App.CommentView=Backbone.View.extend({className:function(){if(this.model.get('parent_id')){return'commentcomment-reply';}else{return'comment';}},问题是,传递给className的函数是在View模板的html上下文中执行的,所以我无法调用this.model。有什么方法可以在渲染过程中的此时访问模型?或者我是否需要稍后设置类,例如在render函数中? 最佳答案

javascript - backbone js,更新模型更改 View

为什么我的View没有更新?table,td{border:1pxsolid#000;}varrowTemplate="";/**Viewrepresentingatable*/varTableView=Backbone.View.extend({tagName:'table',initialize:function(){_.bindAll(this,'render','renderOne');if(this.model){this.model.on('change',this.render,this);console.log(this.model);}},render:functio

javascript - 在 ember 中访问 Controller 或 View 的实例

我的理解是当我运行的时候App.CheeseController=Ember.Controller.extend({type:"brie"});类CheeseController已创建,当我激活Cheese路由时,会生成该类的一个实例,这是我在与Handlebars模板中的Controller交谈时实际接触到的内容。是否可以从javascript控制台(或从我的程序)直接访问实例化对象?更一般地说,Ember自动创建的对象在哪里事件? 最佳答案 AclassCheeseControlleriscreatedandthatwhenIa

javascript - Angular : Update model from directive

我这里有一个fiddle:http://jsfiddle.net/KdkKE/44/我想做的是创建一个“切换”组件,基本上是一个自定义复选框,但如果它是true或false,html会发生变化,它绑定(bind)到Controller中的bool值。当用户点击开关时,模型会更新,指令的View也会发生变化。它类似于指令文档末尾的示例http://docs.angularjs.org/guide/directive但状态将受到约束,以便在启动时它是正确的。varapp=angular.module('App',[]);functionCtrl($scope){$scope.init=fu