Question

我正在尝试使用ng-repeat来显示数组。

我有类似

的东西

<div ng-repeat="stu in school">
    <div>{{stu.name}}</div>
    <div>{{stu.grade}}</div>
</div>

JS

$scope.school = [
    {name:'test'
     grade:'a'},
    {name:'test2'.
     grade:'b'},
    {name:'test3',
     grade:'c'}
]

无论如何，我可以通过索引检测学生吗？我只提供name和grade，我想区分它们。例如，我想在first和test学生上添加课程“grade a”，在second和test2学生上添加课程“grade b” 。

感谢您的帮助！

Answer 1

是的，这是可能的。您可以访问该项目的索引，还可以根据可用项目的特定属性组合生成一个类。

<ul>
    <li ng-repeat="result in testScores">
          <span class="{{$index}} {{result.name}}-{{result.grade}}">{{result.name}} : {{result.name}}</span>
    </li>
</ul>

这是一个有效的JSFiddle - http://jsfiddle.net/mattezell/douku110/3/

在相关的说明中，TIL：如何使AngularJS JSFiddle演示工作......

Answer 2

如果您需要为姓名为ng-class＆amp;＆amp;的学生添加class first，则可以使用test条件。等级a，你可以使用

ng-class="{ 'first': (stu.name=='test' && stu.grade=='a')}

这是您的示例的Plunker Demo

请注意您的数组应该是

 $scope.school = [
    {name:'test', grade:'a'},
    {name:'test2',grade:'b'},
    {name:'test3', grade:'c'}
]

在我的情况下如何检测数组的索引？

2 个答案: