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

مثال على استخدام ng-repeat في arrays من angular

//أولاً، قم بتعريف مصفوفة

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

كود 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" عند وجود قيم مكررة، وإلا سيكون هناك خطأ من نوع [ngRepeat:dupes] ولن يتم عرضه على الصفحة.

هذا المقال يوضح جميع الأمثلة التي شاركتها معكم، آمل أن تكون مرجعًا جيدًا وأن تكونوا قد ساندتم دروس الصياح.

أنت قد تحب