如何使用 ng-class 在值计算结果为零时删除类

how to remove a class when value evaluates to nothing using ng-class

本文关键字：零时 删除 结果 计算 何使用 ng-class      更新时间：2023-09-26

我有一个名为.lines-hover的类，一旦td中的值为空，我就想删除它。

这是我想要的示例：http://www.eag.ag/core/newengine/wager/sports.php?msg=true

看看这些线，其中一些，假设，输赢盘是空的，然后.lines-hover就变成了假的。我想用ng-class来做，但我只是从Angular开始，我不明白他们文档中的例子。

.HTML： 

<td class="lines-hover">
 <a href="javascript:void(0);" >
  <span ng-hide="row.noTotal">
   {{:: row.total.type}}{{:: row.total.spread}}({{:: row.total.moneyLine}})
  </span>
 </a>
</td>

.CSS：

.lines-hover:hover {
  background: #3B3F45;
  a {
   color: #fff;
   text-decoration: none;
 }
}
你可以

像这样使用ngClass，因为当有数据时row.noTotal是真实的：

<td ng-class="{'lines-hover': !row.noTotal}">
    <a href="javascript:void(0);">
        <span ng-hide="row.noTotal">
            {{:: row.total.type}}{{:: row.total.spread}}({{:: row.total.moneyLine}})
        </span>
    </a>
</td>
相关文章：