在 ng-repeat 中使用 Angular ng-class 两次
Using Angular ng-class twice inside ng-repeat
是否可以在ng-repeat
中使用两次ng-class
?一次 highlight
选择了一行 row
一次检查 object
属性:
<ul>
<li
ng-repeat="item in items"
ng-class="{'someclass' : item.Id > 10 && item.color != 'red'}" ng-class = "'selected' : $index == selected">
{{item .name}}
</li>
</ul>
出于某种原因,第二个 ng-class
(在此示例中 selectd
)无法正常工作。
项目:
$scope.items = [
{ Id: 1, name: "item1" , color : 'red' },
{ Id: 20, name: "item1" , color : 'blue' },
{ Id: 11, name: "item1" , color : 'white' }
];
将两者合二为一 ng-class - 像这样:
<ul>
<li
ng-repeat="item in items"
ng-class="{'someclass' : item.Id > 10 && item.color != 'red', 'selected' : $index == selected}">
{{item .name}}
</li>
</ul>
是否可以在ng-repeat
中使用两次ng-class
?一次 highlight
选择了一行 row
一次检查 object
属性:
<ul>
<li
ng-repeat="item in items"
ng-class="{'someclass' : item.Id > 10 && item.color != 'red'}" ng-class = "'selected' : $index == selected">
{{item .name}}
</li>
</ul>
出于某种原因,第二个 ng-class
(在此示例中 selectd
)无法正常工作。
项目:
$scope.items = [
{ Id: 1, name: "item1" , color : 'red' },
{ Id: 20, name: "item1" , color : 'blue' },
{ Id: 11, name: "item1" , color : 'white' }
];
将两者合二为一 ng-class - 像这样:
<ul>
<li
ng-repeat="item in items"
ng-class="{'someclass' : item.Id > 10 && item.color != 'red', 'selected' : $index == selected}">
{{item .name}}
</li>
</ul>