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

您已經定義範圍變量作爲類別但使用它作爲依種類

更改這個樣子，

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

Answer 2

更改HTML代碼categoires爲categories

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

Answer 3

我認爲，有2個問題 1.spelling錯誤類別 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

使在這兩個視圖和控制器

查看

<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"}];