什么错误的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

我认为，有两个问题 1.分类错误 2.无效的对象数组

<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 3

将您的HTML代码categoires更改为categories

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

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