angularjs – 在表中的行上使用ng-repeat和ng-class

前端之家收集整理的这篇文章主要介绍了angularjs – 在表中的行上使用ng-repeat和ng-class前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用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...
}

我意识到这个代码将无法工作,因为人不能使用ng-class,因为它只能用于每一行内的对象。代码是得到我想要做的事情的想法:ie。我想能够有使用ng-repeat创建的表行,其类也基于一个条件,该条件取决于对行本身的作用域特征的访问,例如。人。我意识到我可以只添加ng-class列,但这是无聊。任何人有更好的想法?

这应该实际工作正常。 person应该在tr元素和它的孩子上可用,因为它们具有相同的范围。

这似乎工作正常对我来说:

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

http://jsfiddle.net/xEyJZ/

原文链接:https://www.f2er.com/angularjs/146533.html

猜你在找的Angularjs相关文章