微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐