欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-20 22:49:16
//先定义一个数组 anular代码: var app = angular.module('serapp', []); app.controller(...

//先定义一个数组

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数组中的数组实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。