当前位置: 首页 > 编程笔记 >

angular ng-repeat数组中的数组实例

伍成仁
2023-03-14
本文向大家介绍angular ng-repeat数组中的数组实例,包括了angular ng-repeat数组中的数组实例的使用技巧和注意事项,需要的朋友参考一下

//先定义一个数组

anular代码:

var app = angular.module('serApp', []); 

app.controller('indexCtrl', function($scope, $http) 
{ $scope.arrs = [{

<BR>                   n:'a'; 
        arr:['1','2','1'] 
      },{<BR><BR>                    n:'b'; 
        arr:['4','5','6'] 
      }]; 
    }) 

html 代码:

<BR>    
<div ng-controller="indexCtrl"><BR>      
<p>{{name}}</p><BR>      

<ul><BR>        
 <li ng-repeat="name in names">{{name.n}}<BR>          
 <p ng-repeat="a in name.arr track by $index" id="{{$index}}">{{a}}</p><BR>        
 </li><BR>      
</ul>
<BR>    
</div><BR><BR> 

track by $index  在有重复值时需加上这段代码 不然浏览器会报这个错 Error: [ngRepeat:dupes]并且不会渲染到页面

以上这篇angular ng-repeat数组中的数组实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 我有一个名为的数组。它包含一系列对象,每个对象都包含一个名为的属性。我想在数组中的每个对象上重复该数组的内容。 如果我重复通过它在单个数组上运行良好。 但是,我想继续重复,就像这样: 等等。 我的(不正确)解决方案当前看起来如下: 在这种情况下,我假设$index将代表递增的整数,但它不起作用。有人能帮忙吗? 提前感谢...

  • 问题内容: 我如何获得Angular的指令以按每个项目的实际值而不是按每个项目的属性值对列表进行排序? 例如: 这是一个玩弄的小提琴:http : //jsbin.com/okatur/1/edit 我意识到我可以在阵列上做,但这是我唯一的选择吗? 问题答案: 从1.3.0-rc.5开始 从AngularJS 1.3.0-rc.5开始 ,如果未提供其他参数,则过滤器(请参阅文档)将使用其项目自动对

  • 我正在尝试迭代一个JSON对象。 对于下面的代码: 在第一个ng-repeat中:< br > < code > { { user . type } } outputs ' Parent '(如预期一样),< br > < code > { { user . options } } outputs '[{ " option 1 ":" 11 qwert "," option2":"22QWERT"

  • 问题内容: 我想在由两个数组组成的数组上执行ng-repeat,如下所示: 我的数组(标题和链接)具有相同的长度,最后我想在ng-repeat中打印的内容是这样的: 例如,在C程序中,我必须这样做: 问题答案: 尚不清楚您如何拥有数据- 没有意义。 理想情况下,您可以将数据排列为如下所示的对象数组: 然后,您可以使用: 如果您 知道 标题和链接的大小始终相同,则可以这样做,但是它不是很漂亮,并且可

  • 给定以下对象: 是否可以使用ng repeat一次迭代所有值? 我的动机是:1。我在<代码>中使用ng-repeat 有什么想法吗? 谢谢!

  • 问题内容: 我在PostgreSQL类型上使用%%运算符,该运算符将hstore(有效键值类型)转换为元素交替为{{key,value},{key value}}的数组。 当我想返回这些平坦的hstore的数组时,出现此错误:由于PostgreSQL缺乏对数组数组的支持。 从好奇心的角度来看,有人知道为什么不支持这些吗?更重要的是,这种情况是否可以解决? 目前,我将结果串联成一个字符串(用逗号分隔