Question

我有一个名为.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;
 }
}

Answer 1

您可以像这样使用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>

如何使用ng-class将值计算为空时删除类

1 个答案: