草庐IT

repeat_fn

全部标签

javascript - ng-repeat 对象属性,但在输入后散焦输入框

我正在使用ng-repeat将表单元素绑定(bind)到我拥有的自定义对象的属性,例如:$scope.myObject={'font-size':10,'text-outline-width':2,'border-color':'black','border-width':3,'background-color':'white','color':'#fff'}HTML:{{key}}:{{prop}}但是,每次我尝试在输入框中输入一个值时,文本框都会被取消选择,我必须重新选择它才能继续输入。是否有另一种方法可以对对象执行这种双向绑定(bind),以便我可以自由输入?这是JSFiddle

javascript - 递归地在ng-repeat中迭代时如何在ng-include中获取父元素

我制作了一个递归的ng-repeat元素,试图操纵事物变成了一场噩梦,因为我没有引用我正在迭代的父元素。ng-repeat看起来像这样:ng-repeat="(key,value)invalue"记住它是递归的,所以value中的每个值都会成为新值,所以我不能只使用ng-repeat中的“in”值。我想做这样的事情,比如检查父级是否是一个数组,但是$parent是一些奇怪的东西,而不是当前迭代值的父元素。我想做的事情的一些例子是:ng-show="isArray(parent)"ng-click="delete(parent,$index)"(作为我正在做的工作的一个例子,我不得不向我

javascript - Angular 错误 : [filter:notarray] Expected array but received: {} with a filter on an ng-repeat

我正在尝试使用ng-repeat指令使用对API的Angular请求来填充html表。首先加载html页面,然后请求获取返回响应时填充表格的数据。当我向ng-repeat指令添加过滤器时,表格被填充并且过滤器起作用,但是在我的chrome浏览器控制台中,我收到以下错误:Error:[filter:notarray]Expectedarraybutreceived:{}http://errors.angularjs.org/1.4.3/filter/notarray?p0=%7B%7DatREGEX_STRING_REGEXP(angular.js:68)atangular.js:182

javascript - 在 AngularJS 中为每个第 n 个元素自定义 ng-repeat

我正在尝试自定义一个ng-repeat以将类似br标记的内容添加到每个第4个元素中。我试过四处搜索,但似乎找不到可靠的答案。有没有一种简单的方法可以为这样的事情向Angular添加条件?我的ng-repeat只是添加了一些包含内容的spans,但我需要每第4个元素开始一个新行。即我想要以下内容item1item2item3item4item5item6item7item8但现在它只是这样做item1item2item3item4item5item6item7item8如果有任何与ng-repeat自定义相关的好文章(对于新手),我将非常感谢您提供链接以及到目前为止我发现的所有内容都太难

javascript - 只显示 ng-repeat 的第一个元素

如何只显示Angular第一个元素?我正在像这样使用ng-repeat:{{product.price}}但既然我没有重复,那么我不应该使用ng-repeat吗?我怎样才能让它只显示第一个,而不必进入ng-repeat? 最佳答案 您可能还想使用{{product.price}}但是是的,下面的代码更好{{products[0].price}} 关于javascript-只显示ng-repeat的第一个元素,我们在StackOverflow上找到一个类似的问题:

javascript - javascript对象上空ng-repeat的angularjs默认文本

我在为遍历javascript对象的空ng-repeat打印默认文本时遇到问题。通常我会做一个EMPTYSET"但是你不能在javascript对象上调用长度。我有一个简单的jsfiddle来演示问题:http://jsfiddle.net/C4t4LystX/zHJv8/8/.基本上我只需要知道ng-repeat什么时候没有对象可以重复,这样我就可以显示一些默认文本。感谢您的帮助。 最佳答案 你是对的,javascript中没有object.length。因为您正在将源重置为一个空对象,所以您需要检查该对象是否为空,或者是否有一些

javascript - 将angularjs ng-repeat应用于owl-carousel

在此处查看轮播:Owl-carousel2我遇到了一个问题,无论何时将ng-repeat指令应用于轮播,项目都会垂直堆叠而不是水平布局。如果我省略ng-repeat并使用静态项,那么它会正常工作。是否有我可以编写并应用于owl-carousel以维护布局的指令?另外,导致轮播中断的ng-repeat是怎么回事?angular是否以某种方式剥离了应用于轮播的owl-carousel类?注意*如果手动构建列表然后遍历并使用以下元素追加元素:vardiv=document.createElement('div');varanchor=document.createElement('a');v

javascript - Angular ng-repeat with condition

你如何用ng-repeat做这样的事情?我将使用文档中的示例来初始化一个包含2个friend的数组,如果我只想对所有26岁及以上的friend重复一次怎么办?Ihave{{friends.length}}friends.Theyare:[{{$index+1}}]{{friend.name}}whois{{friend.age}}yearsold. 最佳答案 创建自定义过滤器。HTML:和JS:varsomeApp=angular.module('someApp',[]);someApp.filter('age',function(

javascript - Angularjs ng-repeat列表的自动编号

我正在使用Angularjsng-repeat创建学生报告列表。我的问题是如何将排序列表之类的编号动态附加到View中生成的列表中。我想实现这样的目标#|Nameofstudent|StudentID_________________________________1|SamuelAddo|3465782|GRaceAsumani|9654333|ZeinAkill|1234554|DavidAddoteye|678543当通过ng-repeat在View中渲染模型时,“#”列应该是自动生成的。老实说,我不知道从哪里开始,因为我不知道该怎么做。如果有人可以帮助我或指出正确的来源,我将很

javascript - 嵌套ng-repeat导致浏览器卡顿如何处理

我创建了一个可能有1-5000个项目的嵌套树,我能够让它工作,但它在显示树之前卡住了我的浏览器\加载微调器几秒钟。我怎样才能使它流畅以使浏览器永远不会卡住?我怎么知道angularjs何时完成创建或渲染或计算(不确定正确的词)整个列表,以便我可以删除加载微调器,如您所见范围。$last不起作用因为我们已经嵌套了ng-repeat并且对于scope.$parent.$last这是我创建的plunker,但带有演示数据-http://plnkr.co/edit/GSZEpHjt5YVxqpg386k5?p=preview示例数据集-http://pastebin.com/YggqE2MK在