Angularjs：ng-classで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はNG-クラスに一つに合併することを持っているということですカラム。それが可能であれば、コードをもっときれいにするためにしたいと思います。

テーブル全体：

<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を使用します。