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