何が間違ったng-repeatが機能していませんか？

Question

ここではHTMLコード

<a ng-repeat="category in categoires">  
<h2>{{category.name}}</h2> 
<hr> 
<p>{{category.des}}</p> 
</a> 

コントローラコード

$scope.categories = [{name : 'abc',des : 'abc desc'},{name: "xyz",des : "xyz desc"}]; 

私のコードで何が悪いですか？

Answer 1

あなたは定義されているスコープ変数としてカテゴリしかしcategoiresこのような

変更としてそれを使用して、

<a ng-repeat="category in categories">  
<h2>{{category.name}}</h2> 
<hr> 
<p>{{category.des}}</p> 
</a> 

Answer 2

変更HTMLコードcategoirescategoriesとして

<a ng-repeat="category in categories">  
<h2>{{category.name}}</h2> 
<hr> 
<p>{{category.des}}</p> 
</a> 

Answer 3

I 2つの問題があると思う。カテゴリ 2.Invalidオブジェクト配列

<a ng-repeat="category in categories">  
    <h2>{{category.name}}</h2> 
    <hr> 
    <p>{{category.des}}</p> 
</a> 

JS

$scope.categories = [{name : 'abc',des : 'abc desc'},{name: 'xyz',des : 'xyz desc'}]; 

Answer 4

の1.spelling間違いがビューとコントローラの両方の変化

ビュー

<a ng-repeat="category in categories">  
<h2>{{category.name}}</h2> 
<hr> 
<p>{{category.des}}</p> 
</a> 

します

コントローラ

$scope.categories = [{name : 'abc',des : 'abc desc'},{name: 'xyz',des : 'xyz desc'}]; 

または

$scope.categories = [{name : "abc",des : "abc desc"},{name: "xyz",des : "xyz desc"}];