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

Angular ng-Répéter des instances d'arrays dans l'array

//Définir d'abord un tableau

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

Code 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 doit être ajouté lors de la répétition de valeurs répétées, sinon le navigateur signalera cette erreur Error: [ngRepeat:dupes] et ne pas rendre sur la page

L'article angular ng ci-dessus-Les instances d'arrays dans repeat sont toutes les informations que je partage avec vous, j'espère que cela vous servira de référence et que vous continuerez à soutenir le tutoriel d'hurlement.

Vous pourriez aussi aimer