gpt4 book ai didi

javascript - Angularjs 标记表行或列取决于值

转载 作者:太空宇宙 更新时间:2023-11-04 15:05:20 25 4
gpt4 key购买 nike

有没有办法根据值在行或列上添加类。如果列“anzahl”为空,则行背景颜色必须为“灰色”,列“anzahl”背景颜色变为“红色”。

    <body ng-app ng-init='articles = [
{"id":"1","name":"A&R","type":"P77 ","anzahl":"0"},
{"id":"2","name":"Accuphase","type":"AC5 ","anzahl":"1"},
{"id":"3","name":"Acoustical Systems","type":"Archon","anzahl":"1"}
]'>
<div class="container">


<table class="table">
<tr ng-repeat="article in articles">
<td>{{article.name}}</td>
<td>{{article.type}}</td>
<td>{{article.anzahl}}</td>
</tr>
</table>

</div>

</body>

jsfiddle

最佳答案

您可以在您的案例中使用 ng-class="{'class': expession}"

CSS

.custom-class{
background-color: gray
}

.default-color{
background-color: red
}


<table class="table">
<tr ng-repeat="article in articles" ng-class="{'custom-class': article.anzahl == null, 'default-color': article.anzahl != null}">
<td>{{article.name}}</td>
<td>{{article.type}}</td>
<td>{{article.anzahl}}</td>
</tr>
</table>

谢谢。

关于javascript - Angularjs 标记表行或列取决于值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28337787/

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