Questions tagged «angularjs-ng-repeat»

在我的控制器中，我有如下数据： $scope.object = data 现在，此数据是包含键和值的字典json。 我可以object.name在模板中使用属性。有什么办法可以遍历键并将它们显示在表格中吗？ <tr><td> {{key}} </td> <td> data.key </td> 数据是这样的 { "id": 2, "project": "wewe2012", "date": "2013-02-26", "description": "ewew", "eet_no": "ewew", }

679 angularjs  angularjs-ng-repeat 

有没有一种方法可以ng-repeat定义次数，而不必总是遍历数组？ 例如，在下面，我希望列表项显示5次，并假设$scope.number等于5，并增加数字，因此每个列表项都按1、2、3、4、5递增 所需结果： <ul> <li><span>1</span></li> <li><span>2</span></li> <li><span>3</span></li> <li><span>4</span></li> <li><span>5</span></li> </ul>

417 javascript  html  angularjs  angularjs-ng-repeat 

如何以角度同时使用多个字段进行排序？例如，先按组再按子组 $scope.divisions = [{'group':1,'sub':1}, {'group':2,'sub':10}, {'group':1,'sub':2},{'group':1,'sub':20},{'group':2,'sub':1}, {'group':2,'sub':11}]; 我想显示为 组：子组 1-1 1-2 1-20 2-1 2-10 2-11 <select ng-model="divs" ng-options="(d.group+' - '+d.sub) for d in divisions | orderBy:'group' | orderBy:'sub'" />

382 javascript  angularjs  sorting  angularjs-ng-repeat  angularjs-orderby 

我以为这是很普通的事情，但是我找不到如何在AngularJS中处理它。假设我有一个事件列表，想用AngularJS输出它们，那很简单： <ul> <li ng-repeat="event in events">{{event.title}}</li> </ul> 但是，当列表为空时如何处理？我想要一个消息框，其中的列表包含“无事件”或类似内容。唯一会接近的是ng-switchwith events.length（如何检查对象而不是数组时是否为空？），但这真的是我唯一的选择吗？

377 javascript  angularjs  angularjs-ng-repeat  angularjs-ng-show 

因此，我在另一个ng-repeat中嵌套了一个ng-repeat，以构建导航菜单。在<li>内部ng-repeat循环的每个循环上，我都设置了一个ng-click，它通过传入$ index来调用该菜单项的相关控制器，以使应用知道我们需要哪个。但是，我还需要从外部ng-repeat中传递$ index，以便应用程序知道我们在哪个部分以及哪个教程中。 <ul ng-repeat="section in sections"> <li class="section_title {{section.active}}" > {{section.name}} </li> <ul> <li class="tutorial_title {{tutorial.active}}" ng-click="loadFromMenu($index)" ng-repeat="tutorial in section.tutorials"> {{tutorial.name}} </li> </ul> </ul> 这是一个傻瓜http://plnkr.co/edit/bJUhI9oGEQIql9tahIJN?p=preview

322 angularjs  angularjs-ng-repeat 

我知道我们可以轻松地对json对象或数组使用ng-repeat，例如： <div ng-repeat="user in users"></div> 但是如何将ng-repeat用于字典，例如： var users = null; users["182982"] = "{...json-object...}"; users["198784"] = "{...json-object...}"; users["119827"] = "{...json-object...}"; 我想在用户字典中使用它： <div ng-repeat="user in users"></div> 可能吗？。如果是，我如何在AngularJs中做到这一点？ 我的问题的示例：在C＃中，我们定义如下字典： Dictionary<key,value> dict = new Dictionary<key,value>(); //and then we can search for values, without knowing the keys foreach(var val in dict.Values) { } 是否有内置函数可以像c＃中那样从字典返回值？

285 angularjs  json  dictionary  angularjs-ng-repeat 

Angular确实在其HTML指令中使用数字为for循环提供了一些支持： <div data-ng-repeat="i in [1,2,3,4,5]"> do something </div> 但是，如果您的范围变量包含具有动态数字的范围，则您每次都需要创建一个空数组。 在控制器中 var range = []; for(var i=0;i<total;i++) { range.push(i); } $scope.range = range; 在HTML中 <div data-ng-repeat="i in range"> do something </div> 这行得通，但是没有必要，因为我们根本不会在循环中使用范围数组。有谁知道设置最小值/最大值的范围或常规值？ 就像是： <div data-ng-repeat="i in 1 .. 100"> do something </div>

252 angularjs  angularjs-ng-repeat 

我怎样才能得到一个角度反向阵列？我正在尝试使用orderBy过滤器，但是它需要一个谓词（例如'name'）进行排序： <tr ng-repeat="friend in friends | orderBy:'name':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr> 有没有一种方法可以反转原始数组，而不进行排序。像那样： <tr ng-repeat="friend in friends | orderBy:'':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr>

227 javascript  arrays  angularjs  reverse  angularjs-ng-repeat 

我想使用父列表（foos）的索引作为子列表（foos.bars）中函数调用的参数。 我发现了有人建议使用$ parent。$ index的帖子，但$index不是的属性$parent。 如何访问父级的索引ng-repeat？ <div ng-repeat="f in foos"> <div> <div ng-repeat="b in foos.bars"> <a ng-click="addSomething($parent.$index)">Add Something</a> </div> </div> </div>

218 javascript  angularjs  angularjs-ng-repeat 

我想用表调用一些针对div的jQuery函数。该表填充了ng-repeat。 当我打电话时 $(document).ready() 我没有结果 也 $scope.$on('$viewContentLoaded', myFunc); 没有帮助。 ng-repeat填充完成后，有什么方法可以执行功能？我已经阅读了有关使用custom的建议directive，但是我不知道如何在ng-repeat和div中使用它。

207 javascript  jquery  angularjs  angularjs-ng-repeat  document-ready 

我需要创建一个逗号分隔的项目列表： <li ng-repeat="friend in friends"> <b ng-repeat="email in friend.email">{{email}}{{$last ? '' : ', '}}</b>... </li> 根据AngularJS文档，表达式中不允许使用控制流语句。这就是为什么我{{$last ? '' : ', '}}无法正常工作的原因。 有没有其他方法可以创建逗号分隔的列表？ 编辑1 比以下更简单： <span ng-show="!$last">, </span>

179 angularjs  angularjs-ng-repeat 

我已经看到了这个问题。 我的代码而不是ng-bind="item.desc"使用代码，{{item.desc}}因为我ng-repeat之前有过。 所以我的代码： <div ng-repeat="item in items"> {{item.description}} </div> 项目说明包含\n未呈现的换行符。 {{item.description}}假设我已具备ng-repeat上述条件，如何轻松显示换行符？

176 angularjs  angularjs-ng-repeat 

我有一个巨大的数据集，其中包含数千行，每个行有大约10个字段，大约2MB的数据。我需要在浏览器中显示它。最简单的方法（获取数据，将其放入$scope，ng-repeat=""完成工作）可以很好地工作，但是当它开始将节点插入DOM时，它会使浏览器冻结大约半分钟。我应该如何解决这个问题？ 一种选择是将行逐行追加，$scope并等待ngRepeat完成向DOM中插入一个块后再移至下一个。但是AFAIK ngRepeat在完成“重复”操作时不会返回报告，因此会很丑陋。 另一种选择是将服务器上的数据拆分为页面，然后在多个请求中获取它们，但这更加丑陋。 我浏览了Angular文档以查找类似的内容ng-repeat="data in dataset" ng-repeat-steps="500"，但未找到任何内容。我对Angular的方法还很陌生，所以有可能我完全没有注意这一点。最佳做法是什么？

165 javascript  angularjs  angularjs-ng-repeat 

我想使用filterin角度，并希望过滤多个值，如果它具有值之一，则应该显示它。 我有这样的结构： movie具有属性的对象，genres我要过滤Action和Comedy。 我知道我可以做filter:({genres: 'Action'} || {genres: 'Comedy'})，但是如果我想动态过滤它该怎么办。例如filter: variableX 如何设置variableX的$scope，当我有我有过滤器类型的数组？ 我可以将其构造为字符串，然后执行一个操作，eval()但我不想使用eval（）...

135 javascript  angularjs  angularjs-ng-repeat 

除了呈现对象中属性的值之外，我还想将属性名称呈现为标签。有办法做到这一点ng-repeat吗？例如： <ul> <li ng-repeat="option in data">{{propertyName}}: {{option}}</li> </ul> 可能会吐出这样的东西： <ul> <li>Name: John</li> <li>Phone: (123) 456-7890</li> <li>Country: England</li> </ul>

134 angularjs  angularjs-ng-repeat