草庐IT

事件绑定

全部标签

javascript - 当表单输入的值无效时,如何防止 AngularJS 解除表单输入值与其模型的绑定(bind)?

我正在使用AngularJS构建表单,我注意到一些我不理解的行为。当我分配ng-minlength=5时作为输入属性,AngularJS解除绑定(bind)该值,直到它比要求的长。这对我来说很不方便,因为我想告诉用户他们输入了多少内容使用user.lifestory.length.为什么AngularJS以这种方式工作?如何防止Angular在值无效时解除绑定(bind)?Lifestory:这里有一个例子:http://jsfiddle.net/J67jm/3/你可以通过填写生活故事字段来看到我所说的行为。 最佳答案 您可以使用{

javascript - ng-options 选择列表值设置为我选择的 id 并将其与 ng-model 正确绑定(bind)

使用angular我想创建一个选择列表,其值采用我选择的id(对象的实际id属性),我想用ng-model指令正确绑定(bind)它。这是我试过的:$scope.People=[{name:"Fred",id:1},{name:"Joe",id:2},{name:"Sandra",id:3},{name:"Kacey",id:4},{name:"Bart",id:5}];$scope.setTo1=function(){$scope.selectedPersonId=1;}http://jsfiddle.net/b7dyadnr/这里selectoptionvalue是正确的值(val

javascript - NodeJS & Socket.IO : Emit a request event and get the response, 我应该何时/何地绑定(bind)监听器?

我目前想知道在这种情况下什么是最佳编程实践:假设我已将客户端连接到我的服务器。这个客户端要求服务器使用auth事件和他的用户名进行身份验证。socket=io();socket.emit('auth',"John");在这个简单的例子中,服务器响应一个带有用户ID的auth_succeed事件。io.on('connection',function(socket){socket.on('auth',function(username){socket.emit('auth_succeed',id);}}所以我的问题是,我应该在何时何地为客户端中的auth_succeed事件绑定(bind

javascript - 了解 ReactJS 中的合成事件

我需要一些帮助来理解ReactJS中所谓的合成事件。我编写了以下具有Video组件和VideoList组件的玩具程序。单击呈现的视频列表中的视频时,我会打印出在控制台中单击的视频。我不明白事件onVideoSelected()是如何定义的。它是否被呈现的Video组件中的onClick()事件所取代?谢谢!varVideo=React.createClass({handleClick:function(){this.props.onVideoSelected(this.props.title);},render:function(){return{this.props.title};}

javascript - Angular JS - 指令中的数据绑定(bind)不起作用

我有一个指令内的数据绑定(bind)问题,该指令调用另一个指令。这是主要指令:varapp=angular.module('app');app.directive("myMainDirective",function($http){return{scope:{paramId:'='},link:function(scope){$http.get('some/url/'+scope.paramId+'.json').success(function(data){scope.idFromServer=data;});},template:''}});这是另一个指令:varapp=angul

javascript - 删除特定对象上的 jQuery 委托(delegate)事件处理程序

我已使用单个选择器将委托(delegate)事件处理程序附加到页面上的多个元素。由于事件是为单个元素触发的,所以我想仅根据某些条件逻辑关闭该元素的事件处理程序。这意味着我不一定要在第一次点击时禁用该事件。但如果不关闭所有这些,我不知道该怎么做。HTML:OneTwoThreeJS:$(document).on('click','button',function(ev){//doesn'tworkbecauseargumentneedstobeastring$(document).off('click',$(ev.target));//doesn'tdowhatIwantb/cturns

javascript - 在 JavaScript 和 jQuery 中使用委托(delegate)事件处理程序是否存在性能缺陷?

我在我的JavaScript代码中使用委托(delegate)事件处理程序(jQuery),因此当单击动态添加的按钮时会发生一些事情。我想知道这是否存在性能缺陷?//Delegatedeventhandler$(document).on('click','#dynamicallyAddedButton',function(){console.log("Hello");});在性能方面,它与此相比如何?//Regulareventhandler$("#regularButton").on('click',function(){console.log("HelloAgain");});查看

javascript - Polymer 使用 Array 进行数据绑定(bind)

我有这个dom-repeat模板,我想知道如何将数组传递给属性。{{item}}Polymer({is:"my-element",properties:{headers:Array}});然后在index.html文件中,我这样绑定(bind)它:我尝试这样做,但什么也没发生,我收到警告Polymer::Attributes:couldn'tdecodeArrayasJSON 最佳答案 切换双引号和单引号。Polymer1.0需要正确的JSON引号,在0.5中则相反(source)。 关

javascript - DataTable 1.10 - 禁用某些列的行选择事件

在最新版本(1.10)的DataTable中,section是在tableinit中设置的vartable=$('#companies').DataTable({language:{url:langUrl},select:true,....点击任何单元格将选择该行...但是,如果我用于滑动子行显示的第一列,我想避免行选择(第一列有一个'details-control'类..使用旧的Datatable版本,可以使用TableTools执行以下操作"fnPreRowSelect":function(e,nodes){if($(e.currentTarget).hasClass('detai

javascript - addEventListener ("loadedmetadata",有趣)没有正确运行,Firefox 错过事件

我写了一个页面,发现addEventListener("loadedmetadata",fun)在firefox上运行不正确我正在尝试修复一个旧软件的错误。在加载视频和页面时,该软件尝试在页面上绘制一些播放器Controller。它在Chrome和IE上运行良好,但无法绘制一些播放器Controller在Firefox上。我尝试调试几天,直到发现问题可以像这样简化:YourbrowserdoesnotsupportHTML5video.varvid=document.getElementById("myVideo");alert("Thevid");vid.addEventListen