草庐IT

model-binding

全部标签

javascript - 如何观看指令的指令 ng-model

我有一个使用该View中的父作用域的指令。该指令有一个使用隔离作用域的子指令。我试图让父指令观察对子指令的ngModel所做的任何更改,并在进行更改时更新其自己的模态。这是一个可能解释得更好的jsfiddle:http://jsfiddle.net/Alien_time/CnDKN/代码如下:Javascript:varapp=angular.module('app',[]);app.controller('MyController',function(){});app.directive('thisDirective',function($compile,$timeout){retu

javascript - 使用参数绑定(bind)点击处理程序的“React - ES6 方式”

我读过很多关于()=>{}语法的使用、构造函数中的绑定(bind)、props中的绑定(bind)等的文章。但据我了解,绑定(bind)this在性能方面代价高昂,使用箭头函数进行自动绑定(bind)代价高昂,因为它每次都会创建一个新的匿名函数。那么处理这个问题的最高效的“React方式”是什么?构造函数中的绑定(bind)似乎适用于不需要传递参数的函数,如下所示:constructor(props){super(props)this.handleClick=this.handleClick.bind(this)}但是我们如何处理传递参数的绑定(bind)函数,而不将其绑定(bind)

javascript - 如何在实例化期间捕获新 Backbone.Model 中的验证错误?

绑定(bind)到现有模型的“错误”事件很容易,但是确定新模型是否有效的最佳方法是什么?Car=Backbone.Model.extend({validate:function(attributes){if(attributes.weight==null||attributes.weight 最佳答案 可以通过调用模型的validate方法显式触发验证逻辑。但是,这不会导致触发error事件。您可以通过调用trigger方法为模型手动触发错误事件。实现所需行为的一种方法是在初始化方法中手动触发事件:Car=Backbone.Mode

javascript - Backbone.js View 移除和解除绑定(bind)

当我的页面打开时,我调用集合并填充View:varpagColl=newpgCollection(e.models);varpagView=newpgView({collection:pagColl});另外(通过日期选择器),我希望用不同的模型填充同一个集合并再次实例化View。我遇到的问题是如何在打开新的之前关闭原始的pagView并清空pagColl,因为这个“幽灵View”给我带来了问题.上面提到的变量是局部变量?是不是我需要创建一个全局的pagColl和reset()this? 最佳答案 其实已经有很多关于这个话题的讨论了

javascript - 尝试通过传入函数来绑定(bind)回调会引发错误

我只想在使用jQuery1.7.2和Backbone.js更改输入值时触发一个事件。目前我有以下(有效)MyView:Backbone.View.extend({initialize:function(){this.colorInput=$("",{"id":"color","name":"color","value":this.model.get("color")});varself=this;this.colorInput.on("change",function(){self.changeColor();});},changeColor:function(){varcolor=t

javascript - ng-model Angular 中复选框的 bool 过滤器

item.imposed为1或0。为了使复选框标记为已选中,值必须为true或false。你不能在ng-model中使用过滤器,如何简单正确地实现这一点? 最佳答案 您可以使用ngChecked,但您不会将任何绑定(bind)返回给您的模型:http://jsfiddle.net/fMBQj/或者您可以使用ngTrueValue和ngFalseValue,但您必须使用字符串(而不是int):http://jsfiddle.net/fMBQj/1/或者您可以使用自定义指令...它现在非常蹩脚。

javascript - 删除元素,但保留所有数据和事件绑定(bind)

我有一个容器,可以注入(inject)页面上任何指定的容器(如弹出窗口)。弹出窗口应该有一个删除父元素的按钮。我尝试使用.remove()删除父元素,但是,它也删除了弹出窗口及其事件。我希望它删除弹出窗口(我仍然有引用),但是,我不希望.remove取消绑定(bind)事件。到目前为止,我得到了这个:varpopup=$('#popup');$('body>div').on('click',function(){popup.appendTo($(this));});popup.find('button').on('click',function(){$(this).closest('d

javascript - ng-model 和值组合不适用于输入文本框

我有两个输入文本框。我需要合并在两个文本框中输入的值并在第三个文本框中显示。如果我只使用第三个文本框中的value,我就可以显示它。方框1:方框2:方框3:方框1+方框2但是,如果我在第三个框中使用模型名称,逻辑似乎不起作用:任何人都可以提出修复建议吗?? 最佳答案 这是一个很好的问题,因为它说明了不正确的“Angular思维”会如何导致问题。使用Angular,您首先从模型开始。然后View绑定(bind)到模型并反射(reflect)它-而不是相反。我的意思是ng-value不会设置模型,尽管它会改变View。您(或者更确切地说

javascript - 数据绑定(bind)到 Mustache 模板? (最好干净简单)

我所追求的是一段代码,它可以为我提供一种干净简单的单向解决方案,将DOM的更改绑定(bind)到用于呈现它的对象。例子:和对象{name:'Joe'}用于渲染Mustache模板如何将输入字段中的更改事件匹配到正确的属性?迭代呢?{{#users}}{{/users}}有这样的东西吗?编辑:是的,我知道Backbone、Angular、Ember等等。但是,我需要的是Mustache/Handlebars的特定案例。 最佳答案 Ractive就是这样。带有数据绑定(bind)的mustache。https://ractive.js.

javascript - 'v-bind' 指令需要一个属性值

我正在尝试使用vue.js创建某种类型的树,但遇到了元素Prop的问题。请帮帮我。我试过:content="{{tempCont}}"我试过content="{{tempCont}}",但都没有成功了。这是我使用tree元素的地方:这是整个树元素:{{title}}exportdefault{data:{childVisibility:false},methods:{openTree:function(){childVisibility=!childVisibility;}},props:{title:String,content:Array,}}我收到此错误: