jjzjj

repeating

全部标签

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在

javascript - 复选框在 Accordion 的 ng-repeat 中被禁用

我建立了一个Accordion列表,每个Accordion代表一组元素。我使用ng-repeat遍历组名,每个组都有一个复选框,指示它是否被选中。该示例适用于单组Accordion,但当我将Accordion放入ng-repeat时,复选框根本无法选中。这是代码,每个组标题的主要复选框显然不起作用,我试图找出原因。我的主要问题是:1.如何激活Group1和Group2和Group3的复选框,以便我可以正确选择它们,在目前的情况下,我根本无法选中(Group1,Group2和Group3)的复选框。varapp=angular.module('app',[]);app.controlle

javascript - Ng-Repeat 中的 Angular 设置类

我在ng-repeat中创建一个列表,我需要给所有li元素,他们是他们父亲或更多的第n个child,一个特定的类(在我们的ng-repeat中,它表示索引大于中间值的所有子项)。例如,如果列表有10个项目,我需要给第5、6...10个lichild上课。所以如果我的代码是这样的-[ul][ling-repeat="friendinfriends"]{{friend.name}}whois{{friend.age}}yearsold.[/li][/ul]从中间指数及以上的child分配类(class)的可行且好的方法是什么?我的条件是我不应该改变html的结构。我可以添加directiv

javascript - AngularJS 使用 $sce.trustAsHtml 和 ng-repeat

我正在尝试将$sce.trustAsHtml()与ng-repeat中的对象属性一起使用。结果是HTML完全空白。尽管HTML使用ngSanitize正确输出。顺便说一下,我在使用AngularJSv1.3.0-beta.3。不确定是否存在错误或我做错了什么。 最佳答案 您不能在表达式中使用$sce.trustAsHtml(除非$sce是$scope的属性)因为表达式在$scope的上下文中进行评估。最干净的方法是使用ngSanitize。第二个最干净的方法是将$sce.trustAsHtml作为$scope中的函数公开:$scop

javascript - 在 Angular JS 中跳过 ng-repeat JSON 排序

有谁知道我如何在使用ng-repeat时完全跳过JSON排序(可能以一种无痛的方式)?例如,我的源JSON看起来像这样-{"title":"Title","description":"Description","moreInfo":"Moreinformation"}一旦我在ng-repeat中使用它,它就会按字母顺序排列它们。像这样的-{"description":"Description","moreInfo":"Moreinformation","title":"Title"}我的ng-repeat看起来像这样-{{key}}{{data}}我见过有人使用单独的键数组并使用它们来

javascript - 如何在 ng-repeat 中对 JSON 数据进行排序?

我正在获取服务器响应并绑定(bind)这些数据以使用ng-repeat查看。现在我想按priceList和name对这些数据进行排序。我可以使用orderBy对名称进行排序,但不能使用priceList。我想根据priceList对产品进行排序。按名称排序会改变列表的顺序,而按priceList排序只会影响每个category的products的顺序。它会影响显示类别的顺序。请帮我解决这个问题。我的代码:Sortingpredicate={{predicate}};Nameprice`{{vals.partTerminologyName}}:Position:{{vals.positi

javascript - 如何替换使用 ng-repeat 显示的数组中的对象?

我有一个使用ng-repeat显示在表格中的项目数组。当您单击某个项目时,该项目将从服务器中拉出,然后应使用更新后的项目更新表格。单击表格中的项目时获取更新项目的功能:$scope.getUpdatedItem=function(item){itemService.getItem(item).then(function(updatedItem){item=updatedItem;},function(error){//Handleerror});};我正在使用以下方式显示项目:问题:表中的项目永远不会更新。在ng-repeat中更新项目的最佳方法是什么?我可以在ng-repeat中为此