was falsch ng-repeat funktioniert nicht?

Question

hier HTML-Code

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

-Controller-Code

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

was falsch in meinem Code?

Answer 1

Sie haben Umfang variabel definiert als Kategorien aber als categoires

ändern, wie dies unter Verwendung

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

Answer 2

Ändern Sie Ihre HTML-Code categoires als categories

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

Answer 3

I denke, es gibt 2 Probleme 1.spelling Fehler der Kategorien 2.Invalid Object Array

<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

Änderungen sowohl in der Ansicht und Controller machen

Ansicht

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

Controller

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

oder

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