Angularjs：如何合并ng条件中的2个条件

Question

我有一个表格，我用ng-repeat显示数据库中的条目。这些项目是可以每周或每月订阅的订阅。该表有3列名称，每周和每月。当订阅每周在每周列下的单元格中出现一个勾号，并且如果每月相同。我使用的是NG-如果在TD标签旁边似：

<td class="td-with-button center valign-top"> 
    <span ng-if="engine.type == 'WeeklyAnalytics'" class="fa fa-check" aria-hidden="true"> 

    </span> 
</td> 
<td class="td-with-button center valign-top"> 
<span ng-if="engine.type == 'MonthlyAnalytics'" class="fa fa-check" aria-hidden="true"> 

</span> 
</td> 

我想达到的是，有这2 TD在一个与纳克级的合并，显示在右边的刻度柱。如果可能的话，我想这样做是为了让代码更加干净。

整个表格：

<table class="table full-width no-border" ng-if="subscriptionEnginesFromServer.length != 0"> 
        <thead> 
         <tr> 
          <th class="width-240"> 
           Engine name 
          </th> 
          <th class="width-240"> 
           Weekly 
          </th> 
          <th class="width-240"> 
           Monthly 
          </th> 
         </tr> 
        </thead> 
        <tbody ng-show="!loading"> 
         <tr ng-repeat="engine in subscriptionEnginesFromServer | orderBy:'name'"> 
          <td class=""> 
           <!-- clickable-td --> 
           <span class="first-letter-to-upper"> 
            {{engine.name}} 
           </span> 
           <span class="button-icon button--primary button--delete" ng-click="removeEngineFromSubscriptionServer(websites)"> 
            <i class="fa fa-trash-o"></i> 
           </span> 
          </td> 
          <td class="td-with-button center valign-top"> 
           <span ng-if="engine.type == 'WeeklyAnalytics'" class="fa fa-check" aria-hidden="true"> 

           </span> 
          </td> 
          <td class="td-with-button center valign-top"> 
           <span ng-if="engine.type == 'MonthlyAnalytics'" class="fa fa-check" aria-hidden="true"> 

           </span> 
          </td> 
         </tr> 
        </tbody> 
       </table> 

Answer 1

喜欢的东西？

<td colspan="2" ng-class="{ 
    'class-weekly': engine.type == 'WeeklyAnalytics, 
    'class-monthly': engine.type == 'MonthlyAnalytics 
}"> 

使用css来适当地定义类的样式。