在表内的行上使用ng-repeat和ng-class

一尘不染

在表内的行上使用ng-repeat和ng-class

angularjs

我正在使用AngularJS，并且假设它可以工作（不起作用），我想获得的效果将类似于它将产生的效果。

视图

<tr ng-repeat='person in people' ng-class='rowClass(person)'>
  <td>.....info about person...</td>
  <td>.....info about person...</td>
  <td>.....info about person...</td>
</tr>

控制者

$scope.rowClass = function(person){
  ...return some value based upon some property of person...
}

我意识到该代码将无法person使用，ng- class因为它不可用，因为它将仅可用于每一行内的对象。该代码是为了让我了解正在尝试做的事情：即。我希望能够使用ng- repeat其类也基于条件的表行来创建，该条件取决于对行本身的范围功能的访问。person。我意识到我可以在列上添加ng-
class，但这很无聊。有人有更好的主意吗？

阅读 256

2020-07-04

共1个答案

一尘不染

这实际上应该可以正常工作。由于tr元素及其子元素具有相同的作用域，因此应该在该元素上可以使用人员。

这似乎对我来说很好：

<table>
    <tr ng-repeat="person in people" ng-class="rowClass(person)">
        <td>{{ person.name }}</td>
    </tr>
</table>

http://jsfiddle.net/xEyJZ/

2020-07-04