配列の連想配列に対してng-repeat？

配列の連想配列を使用して、角度でネストされたリピートを設定しようとしています。たとえば、私はそのような構造を持っています：配列の連想配列に対してng-repeat？

collections ['key1'] = [obj1、obj2、obj3、obj4];

コレクション['key2'] = [obj5、obj6、obj7];

私はの構造を持つビュー持ちたい：しかし、すぐに私は私の見解は空白になり、「コレクションでコレクション」NGリピート=に追加すると

<div ng-repeat="collection in collections"> 
 
    <h4>{{collection.id}}</h4> 
 
    <div ng-repeat="item in collection"> 
 
    <span>{{item.name | item.value}}</span> 
 
    </div> 
 
</div>

を。これを行う方法はありますか？そういう形でループしたいのであれば、データを保存する方法を更新する必要がありますか？ありがとう。

出典

2016-05-23 Matt Matero

を使用する方法の例を与えるために？ –

コレクションで 'ng-repeat ="（key、value）を試してから、値オブジェクトを反復処理してください。 – nitimalh

残念ながら、私のページには何も表示されませんが、コンソールにはエラーがありません。 –

はあなたに私たちはあなたのコードの多くを見れば、あなたはいくつかのエラーメッセージを持っていますか...それが役立つだろう、それを

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.school = { 
 
     classes:[ 
 
     {name:"Class 1", peoples:["Peter","Sue","Marc"]}, 
 
     {name:"Class 2", peoples:["John","Edward","Sara"]} 
 
     ] 
 
    } 
 
});

<!DOCTYPE html> 
 
<html> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<body> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    
 
<div ng-repeat="class in school.classes"> 
 
    <h4>{{class.name}}</h4> 
 
    <div ng-repeat="person in class.peoples"> 
 
    <label>{{person}}</label> 
 
    </div> 
 
    <br> 
 
</div> 
 
</div> 
 

 
</body> 
 
</html>

出典

2016-05-23 20:56:57

ありがとうございます、私はそれが明確なことをしたので、この答えを受け入れるつもりです。私のエラーは、私の外側のコレクションをオブジェクト{}の代わりに配列[]として宣言していたので、変更するまでng-repeat（キー、値）できませんでした。 –

配列の連想配列に対してng-repeat？

答えて

関連する問題