ng-repeatを使用してテーブルの各行に異なる条件を設定するにはどうすればいいですか？

Question

私はテーブルを持っている： - 各<td></td>タグ付き

<table style="width:100%;" cellpadding="0" cellspacing="0"> 
     <thead> 
      <tr> 
       <th>Row1</th> 
       <th>Row2</th> 
       <th>Row3</th> 
       <th>Row4</th> 
       <th>Row5</th> 
       <th>Row6</th> 
       <th>Row7</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-repeat="row in ListDisplay"> 
       <td>{{row.val1}}-{{row.val2}}</td> 
       <td>{{row.val3 != null ? row.val3 : "&nbsp;"}}</td> 
       <td><div class="width">{{row.val4 != null ? row.val4 : "&nbsp;"}}</div> 
       </td> 
       <td>{{row.val5 != null ? row.val5 : "&nbsp;"}}</td> 
       <td>{{row.val6 != null ? (row.val3 == "1"? row.val6 : (row.val6 | date:'dd-MMM-yyyy')) : "&nbsp;"}}</td> 
       <td>{{row.val7}} {{row.val8 != null ? row.val8 : "&nbsp;"}}</td> 
      </tr> 
     </tbody> 
</table> 

は異なる条件で構成されています。 <td></td>タグでng-repeatを実行します。しかし、上記の条件のために可能ではありません。これには回避策がありますか？

Answer 1

私は、これは悪い方法の一種だと思う、あなたは、「NG-場合は」を使用

が、私は一つの方法

このフィドルをチェックしてください示唆していない理由はわかりません。

table with ng-repeat

$scope.setTdValue = function(row, idx){ 
    var result = null; 
    switch(idx){ 
     case 0 : 
      result = row.val1 - row.val2 
      break; 
     case 1 : 
      ... 
    } 
}; 

Answer 2

各tdタグでngifを使用できます。 ngifの詳細については、hereを参照してください。