草庐IT

data-bind

全部标签

javascript - jQuery $.data() 函数的 Vanilla 替代品 : any native javascript alternative?

我通常避免在我的脚本中包含jQuery库,但是我最近才发现jQuery$.data()的函数能够关联数据,以键值对、对象甚至函数的形式,与任何元素。据我所知,jQuery的$.data()函数还内置了保护措施,可以防止与此类做法相关的内存泄漏,但是为该单个函数包含整个JQ库就有点过分了。有人知道原生替代品吗?编辑为了让自己更清楚,我不是在寻找检索元素属性的native函数。jQuery的$.data()API远远超出了这种用途,扩展到将javascript对象和函数与jQuery元素节点相关联的能力。本文(http://tutorialzine.com/2010/11/jquery-d

javascript - knockoutjs 单击绑定(bind)在嵌套的 foreach 中不起作用

所以我有一个非常奇怪的问题,即knockoutjs点击绑定(bind)没有附加到anchor标签。其他data-bind=""有效但点击绑定(bind)无效。下面你可以看到HTML和部分viewmodeljs文件vartag=function(data){this.count=data.Count;this.id=data.Id;this.title=data.Title;this.tagGroup=data.TagGroup;};vartagContainer=function(data){this.tagList=$.map(data.Tags,function(item){ret

javascript - AngularJS - ngModel 绑定(bind)下拉值在视觉上发生变化,而变量没有

我有一个下拉列表:AllCountries$scope.countries最初由服务填充,然后另一个下拉更改事件将通过再次调用该服务来限制$scope.countries的值,传递通过其他下拉菜单的选定项目。这里的问题是当$scope.filter.country已经绑定(bind)到一个值(默认值除外)并且$scope.countries更新为不包含$scope.filter.country值的新列表。我可以看到国家/地区下拉列表恢复为默认选项“所有国家/地区”,但是$scope.filter.country保持原样。关于这个场景有什么想法吗?$scope.filter.countr

javascript - 如何使用 Angular JS 将一个模型绑定(bind)到多个输入

我有一个用于MySQL日期字段的表单输入。例如:2015-01-31。我想让用户使用3种不同的表单输入来输入。一年一个,一个月一个,一天一个。显然ng-model不会开箱即用,因为我试图将日期字符串的一个部分绑定(bind)到每个输入。我很确定这样做的方法是再见创建三个“临时”范围变量/模型$scope.year;$scope.month;$scope.day;...然后以某种方式将它们组合/绑定(bind)到实际值。//Ifonlyitwerethiseasy!$scope.date=$scope.year+"-"+$scope.month+"-"+$scope.day;上面的行当然

javascript - 带参数的 knockout 点击绑定(bind)

我正在尝试向我的按钮添加一个点击事件,只有当按钮被点击时才会将Id、Category和Name作为参数发送。ASD即使我尝试改变:click:getLast7($data.Id,$data.Category,$data.Name)与attr:{id:$data.Id,onclick:getLast7($data.Id,$data.Category,$data.Name)它仍然触发getLast7方法的次数与tehTab长度一样多。我做错了什么? 最佳答案 在函数名后添加()将调用它。你将不得不使用.bindclick:getLast

javascript - 好奇 : is it possible to have dynamic Ajax data variable names?

一些背景:在最近的一个项目中,我尝试编写一个简化的jQuery插件来处理在更新各种输入时发出的一些Ajax调用。我将JavaScript函数编写为插件,这样我就可以在各种输入上调用它,如下所示:$("#email").updateChanges();然后,从插件中,我收集了输入的ID、值等。问题:我真正想做但找不到解决方案的是动态生成通过ajax传递的数据变量的名称。为了更清楚,给出这个函数:jQuery.fn.updateChanges=function(){this.bind('blur',function(){varinputName=$(this).attr("name");v

javascript - 使用两种方式绑定(bind)从 Angular View 到 Controller 动态添加/创建对象到数组

我有一个Controller,Controller的模板/View如下,我的Controllerangular.module('myApp',[]).controller('myController',['$scope',function($scope){$scope.myObject={};}]);我的ViewNameLastName在这里,每当用户输入任何数据时,它都会反射(reflect)到myObject中,firstname和lastname作为myObject的动态属性>。现在我的新要求是在同一View中为firstname和lastname添加多个动态View(为此我将创

javascript - forEach() 是否通过引用绑定(bind)?

vararr=['Foo'];arr.forEach(function(item){console.log(item);item='Lorem';console.dir(arr[0]);});for(variteminarr){arr[item]='Ipsum';console.dir(arr[0]);}如上面的代码所示,我注意到更改传递给forEach()回调的项目的值不会导致迭代对象发生变化。使用for...in当然可以。这是为什么?我应该如何更改数组中的值?我发现这个话题在MDN上很困惑。 最佳答案 Usingfor...in

javascript - 当函数在构造函数中绑定(bind)时如何在 ES6 React 中向事件处理程序添加参数

对于es6中的构造函数,我们建议尽早绑定(bind)函数,例如classAppextendsReact.Component{constructor(props){super(props);this.handleClick=this.handleClick.bind(this);//boundearly}handleClick(){//dostuff}...}在ES5中,如果我们想保留上下文并发送额外的参数,我们通常可以调用类似this.handleClick.bind(this,"foo")的方法。ES6React中新类语法的最佳模式是什么?例如,如果我的类看起来像下面的代码,我将如何

angular - 如何将点击事件绑定(bind)到整个组件(又名 :host)?

我有一个容器组件ContainerComponent,其中包含一些子组件ChildComponent,使用*ngFor生成。ContainerComponent模板:ChildComponent模板:{{child.name}}{{child.data}}对于ChildComponent,我定义了一个样式表,我可以在其中使用:host访问整个组件主体,如here所述.有了这个,我为ChildComponent创建了样式::host{display:block;width:400px;height:300px;}现在,我想在每个ChildComponent(整个组件)上绑定(bind)(