English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
//配列をまず定義します
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 配列内の配列インスタンスが私が皆さんに提供する全ての内容です。皆さんに参考になれば幸いですし、呐喊チュートリアルを多くのサポートをお願いします。