草庐IT

data-ng-bind

全部标签

javascript - AngularJS - 如何处理 ng-repeat 与预先存在的项目

我正在尝试将ng-repeat用于列表。但我想要使用Django呈现的预先存在的列表项。注意:我已将{[{}]}设置为我的AngularJSInterpolateProvider。HTML示例{%foriteminexisting_list%}{{item.firstName}}{{item.lastName}}{%endfor%}{[{item.firstName}]}{[{item.lastName}]}现在,我想使用ng-controller处理这些项目app.jsfunctionListController($scope){$scope.items=[{firstName:"B

javascript - Knockout.js 在使用 'options' 绑定(bind)时更改 <option> 的颜色?

在选择列表上使用“选项”绑定(bind)时,是否可以更改选择列表选项元素的样式(使用“样式”或“css”绑定(bind))?或者这只能通过在选择列表上使用“foreach”并更改每个样式来完成吗?我在代码中有这个:但是如果我附加style:{color:isDefault()===true?'black':'red'}如果isDefault返回false,则整个列表为红色。以这种方式编码是实现此目标的唯一方法:或者是否存在我不知道的某种形式的Knockout.js魔法?谢谢! 最佳答案 为了扩展ThomasWiersema的回答,您

javascript - 获取数据绑定(bind)的元素(使用 KnockoutJS)

目标获取触发函数的元素。问题查看我的代码:如您所见,当if和ifnot为真或假时,我触发了existsAtSummary()函数。但是这些按钮在foreach中,我需要让它们的元素一起工作,但我不知道如何操作。我的JS:functionProductLayoutViewModel(){varself=this;self.existsAtList=function(){returntrue;};}ko.applyBindings(newProductLayoutViewModel());使用我的代码here,onJSFiddle.我的想法我在想这个:self.existsAtList=f

javascript - 使用 jQuery/.data() 避免内存泄漏

我正在使用jQuery动态创建HTML元素,现在需要针对它们存储JavaScript数据。但是,我现在担心内存泄漏,因为我实际上从未对我的对象调用“删除”。我'.append'和'.detach'它们,但从不'.remove'。jQuery的文档似乎建议我应该调用remove来清理它在对象上的足迹——事件、数据等。这在现代浏览器上是否绝对必要,或者对元素的任何引用的消失是否会为我做到这一点?表达我的问题的另一种方式;这个脚本片段会泄漏内存吗?functioncreateElement(){varnewDiv=$("").data("test","testdata").appendTo(

javascript - AngularJS 选择 ng-change 函数找不到选定的模型

我在处理一些基本的Angular数据绑定(bind)时遇到了问题。我的看法:AllPersons我的Controller:$scope.testdataset=[{name:"bill"},{name:"bob"},{name:"batman"}];$scope.personChanged=function(person){console.log(person);}效果很好——选择的名称已记录。Butthissimplyprints"undefined"whenanameisselected查看:AllPersonsController:$scope.testdataset=[{nam

javascript - $digest 渲染 ng-repeat 作为注释

我正在为指令编写测试,执行测试时模板(已正确加载)呈现为对于初学者来说,代码的相关部分:测试...beforeEach(inject(function($compile,$rootScope,$templateCache){varscope=$rootScope;scope.prop=['element0','element1','element2'];//Templateloading,intherealcodethisisdonewithhtml2js,inthisexample//I'mgonnaloadjustastring(alreadycheckedtheproblempe

javascript - AngularJS ng-重复条件

我有一组JS对象(例如文档中的段落),我想使用angularJS显示它们。ng-repeat似乎是我需要的指令:{{paragraph.text}}但是,我需要做的不仅仅是在此循环中显示它们的内容。我需要在之后插入分页符(仅出于视觉目的,例如:x)像素(尝试所见即所得文档)。我的问题:是否可以有某种条件逻辑来计算前面的段落垂直使用了多少像素,如果大于x,插入一个分页符div并重置计数器?非常感谢任何帮助/建议/方向。 最佳答案 我认为你可以使用ngClass{{paragraph.text}}检查条件$scope.checkCond

javascript - D3和双向数据绑定(bind)

我对使用datadrivendocuments的当前最佳实践和解决方案感兴趣具有双向AJAX数据绑定(bind)的库。更具体地说,我想知道如何d3最好与支持双向数据绑定(bind)的库集成,例如Angular或Knockout.出现的明显冲​​突源于以下事实:d3和AJAX库都将数据插入到DOM,这基本上意味着一个必须包装另一个。 最佳答案 关于DOM上的数据您担心插入DOM的数据。这是一些添加的属性:D3js:__data__,__onmouseover.force,__onmouseout.force,__onmousedown

javascript - ng-repeat 中的 Angular 切换过滤器

我正在尝试使用ng-repeat显示一些数据。我想对显示的数据进行筛选,当我单击特定项目时,应删除筛选器。当我再次单击该特定项目时,应再次添加过滤器。我从一个想法开始,在我看来我有:{{t.name}}在我的Controller中:.controller('TicketCtrl',function($scope,$filter){$scope.toggleFilter=function(name){name=$filter('getSlice')(name);alert(name);}});当我提醒name时,它会提供正确的过滤项目,但它不会在View中更新。我认为这必须对ng-rep

javascript - Angular JS ng-model 第一次没有正确启动

我正在使用AngularJSng-model来跟踪select标签的选定值。这是例子http://jsfiddle.net/8853oxb1/3/functionControllerA($scope){$scope.optionsArray=[1,2,3,4,5];$scope.optionsObject={"India":"IN","Singapore":"SG","Malaysia":"MY","Indonesia":"INDY"};}如果,我使用tab键转到下拉菜单并尝试按“I”两次以选择以I开头的第二个选项,下拉菜单值会按预期更新,但ng-model仅采用第一个选项是“我”。a