草庐IT

单向绑定

全部标签

javascript - 如果通过 jquery 更新,Vuejs 绑定(bind)不起作用

JsfiddleHTML:ClickmeShowvalueJavascriptvartestVue=newVue({el:'#testVue',data:{testModel:'HelloVue!'},methods:{clickMe:function(){$("#test").val("testing");console.log(this.testModel);},showValue:function(){console.log(this.testModel);}}});我完全理解我不应该在Vuejs$("#test").val("testing");中这样做,我应该像this.te

javascript - jQuery 只绑定(bind)到 keyup,而不是焦点

这看起来很简单,但谷歌没有为我找到任何东西:如何仅绑定(bind)到文本/值更改事件,不包括获得焦点的输入?即,给出以下内容:$(function(){$('input#target').on('keyup',function(){alert('Typedsomethingintheinput.');});});...当用户跳入和跳出元素时将触发警报,无论他们是否实际输入文本。除非用户在文本字段中输入/更改文本,否则如何允许用户通过键盘在表单中导航而不触发事件?注意:我展示的是脚本的简化版本,不使用change事件的原因是在我的真实代码中我有一个延迟计时器,所以该事件在用户停止输入一秒

javascript - 将主干 View 绑定(bind)到 html 已经渲染器

有没有一种奇特的方法可以将View绑定(bind)到页面中已经呈现的html?例如,您的服务器加载所有页面html,然后在该html之上加载View,而无需在第一次加载页面时使用render方法。 最佳答案 我已经完成了与我认为您正在尝试做的类似的事情。就我而言,我在现有表单之上添加了Backbone功能。这是一个精简的例子:现有的HTML:Username:主干:varMyFormView=Backbone.View.extend({events:{"submitform":"formHandler"},formHandler:f

javascript - 绑定(bind)父元素与直接绑定(bind)元素有优缺点吗?

为了更好地理解jQuery性能,我遇到了以下问题。考虑将点击事件绑定(bind)到列表中的项目的两个大致相等的解决方案:列表项:OneTwoThreeOneTwoThree注意有两个相同的列表(除了ID)。现在,考虑使用以下jQuery为item中的每个anchor绑定(bind)客户端事件:$('#items').on('click','.itema',function(e){console.log("###Itemsclick");});$('#items2.itema').on('click',function(e){console.log("###Items2click");}

javascript - 将服务变量绑定(bind)到指令?

我有一个Controller,它包含一个从服务器获取一些数据的函数。我将该数据存储在服务变量中。然后将此服务注入(inject)到指令中。我希望在调用此函数并更新数据时自动更新指令。我的Controller:angular.module('myApp').controller('myCtrl',['$scope','SomeService',function($scope,SomeService){$scope.update=function(){SomeService.myValue=100;}}]);指令:angular.module('myApp').directive('myD

javascript - 绑定(bind)到 Javascript 事件的函数的执行顺序

我正在搜索有关绑定(bind)到javascript页面事件的函数执行顺序的详细信息,例如通过EventListener。例如,如果我将三个函数A()、B()和C()绑定(bind)到同一个事件(比如DOMContentLoaded),这三个函数的执行顺序是什么?根据JS代码中addEventListener调用的先后顺序来一一对应?或者它们是同时执行的?另外,我可以修改这个订单吗?例如,让绑定(bind)到DOMContentLoaded事件监听器的函数在绑定(bind)到同一事件的任何其他函数之前执行。 最佳答案 事件处理程序总

javascript - 套接字在Flux单向数据流中的适合位置是什么?

套接字在Flux单向数据流中的适合位置是什么?我已经阅读了两种关于远程数据应进入Flux单向数据流的思路。我看到的是获取Flux应用程序的远程数据的方式是在进行服务器端调用时,例如,在一个promise中,然后将其解决或拒绝。在此过程中可能会触发三种可能的操作:乐观更新View(FooActions.BAR)的初始操作解决异步promise时的成功操作(FooActions.BAR_SUCCESS)异步promise被拒绝时的错误操作(FooActions.BAR_ERROR)商店将监听Action并更新必要的数据。我已经看到了Action创建者和商店内部发出的服务器端调用。我将Act

javascript - flowtype 绑定(bind)导致错误 `Convariant property incompatible with contravariant use in assignment of property`

这个表达式对于javascript/react来说非常简单,将函数绑定(bind)到this范围。this.toggle=this.toggle.bind(this);但是当引入flowtype时,会导致错误:我该怎么做才能通过流量测试?toggle可以是任何函数,甚至可以是空函数。toggle(){///donothing} 最佳答案 你必须在你的类中将你的toggle声明为Function(紧凑的方式):classFoo{toggle:Function=(){...}}或者,您可以将签名和实际方法分开:classFoo{togg

javascript - Ember.js – 将来自 #each 循环的按钮操作绑定(bind)到它自己的模型

我似乎无法获得在#each模板循环中生成的按钮,以将其点击操作绑定(bind)到其关联模型。这是问题的快速演示...Ember.js应用设置:window.Contacts=Ember.Application.create();Contacts.Person=Ember.Object.extend({first:'',last:'',save:function(){//sendupdatedinformationtoserver.}});Contacts.contactsList=Ember.ArrayController.create({content:[],init:functio

javascript - Ember.TextField 值绑定(bind)到父 View

我正在尝试将Ember.TextField的value绑定(bind)到其父View中的属性。此代码在升级到最新版本的ember之前有效。我已经阅读了有关新View范围的信息,但无法弄清楚它是否/如何适用于此处。模板我的模板:Input:{{viewEmber.TextFieldvalueBinding="theValue"}}查看:App.MyView=Em.View.extend({templateName:'my-template',theValue:null,init:function(){this._super();this.set('theValue','');},keyD