gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 05:44:34 25 4
gpt4 key购买 nike

我正在使用 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>

Controller

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

我意识到这段代码不起作用,因为 personng-class 不可用,因为它只能用于每行内的对象。该代码是为了了解我想要做什么:即。我希望能够拥有使用 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/

关于angularjs - 在表内的行上使用 ng-repeat 和 ng-class,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15410652/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com