我有一个名为.lines-hover的类,一旦td中的值为空,我想将其删除。

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

查看其中的几行,例如,Money Line为空,然后.lines-hover变为false。我想用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>

关于javascript - 当使用ng-class计算值不为零时如何删除类,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27529776/

10-09 21:19