English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Angular ng-Repetição de instâncias de arrays dentro de arrays

//Primeiro, defina um array

Código Angular:

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']; 
      }; 
    ) 

Código 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 deve ser adicionado ao código quando há valores duplicados, caso contrário, o navegador emitirá este erro Error: [ngRepeat:dupes] e não renderizará na página

O artigo acima angular ng-Os exemplos de arrays de arrays no repeat são tudo o que compartilhei com vocês, espero que isso possa fornecer uma referência e espero que todos apoiem o tutorial Yell.

Você também pode gostar