2次元配列角度行列の対角を塗りつぶす

Question

私は与えられた正方行列$scope.matrixの対角に色付けしようとしています。

<table> 
<tr ng-repeat="row in matrix track by $index"> 
    <td>{{matrix[$index].title}}</td> 
    <td>{{$index+1}}</th> <!-- # on left side of table as info --> 
    <td ng-repeat="column in row track by $index">{{column.itemData}}</td> 
</tr> 
</table> 

最初に2つの列に情報が挿入されます。 出力は、このようにする必要があります：色の 'X' マークされたセルで

+------+------+------+------+------+ 
| Col1 | Col2 | ColA | ColB | ColC | 
| dim | 1 | x |  |  | 
| dim | 2 |  | x |  | 
| dim | 3 |  |  | x | 
+------+------+------+------+------+ 

。私は$indexまたはng-repeatでそれを行う方法を知りません。そのばかげているが、私はどのようにわからない。 提案がありますか？

Answer 1

だけで列をカラーxにしたい。この

<tr ng-repeat="(key, row) in matrix track by $index"> 
    <td>{{matrix[$index].title}}</td> 
    <td>{{$index+1}}</th> <!-- # on left side of table as info --> 
    <td ng-class="{'class-name': key == $index}" ng-repeat="column in row track by $index">{{column.itemData}}</td> 
</tr> 

CSS

.class-name{ 
    color:red; 
}