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

标签 javascript html css angularjs angularjs-ng-class

是否有任何方法可以根据值在行或列上添加类。如果“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/

相关文章:

javascript - jquery - css "transform:scale"影响 jquery 的 '.offset()'

html - 将@media 直接添加到元素中?

javascript - 一种编程语言可以同时是客户端和服务器端吗?

javascript - google.script.run.myFunction() 不会从客户端 HTML 脚本调用服务器 myFunction()

javascript - Google-图表栏动画

python - 在Python的支配模块中处理文本和换行符

html - 使用文本节点时,我应该使用 "data"、 "nodeValue"、 "textContent"还是 "wholeText"字段?

html - 为具有属性且不是第一个子元素的第一个元素上色

javascript - 如何在 JavaScript 中进行字符串插值?

javascript - 使用带有 Javascript 对象的参数?