CSSスタイルがAngularJSに適用されていませんHTML

Question

ちょっと困ったことがあります。ページにデータを正しく供給している角度コントローラがあります。常に列の未知の数は、私たちがテーブルをレンダリングするためにこのアプローチを行ってきましたがあります：

<table border="1" ng-repeat="table in xc.tables"> 
    <tr> 
     <th style="width: 150px !important" ng-class="{'missingpeoplefirstcolumn': $first}" ng-repeat="column in table.cols">{{column}}</th> 
    </tr> 
    <tr ng-repeat="row in table.rows"> 
     <td style="width: 150px !important" ng-class="{ 'pinkify': {{row[column]}} == 0 , 'grayit': $last}" 
      ng-repeat="column in table.cols"> 
       {{row[column]}} 
     </td> 
    </tr> 
</table> 

これだけCSSがページに適用されている：

.pinkify 
{ 
    background-color: pink; 
    color: pink !important; 
} 

.grayit{ 
    background-color: lightgray; 
    color: black !important; 
} 

.missingpeoplefirstcolumn 
{ 
    width: 150px !important; 
} 

「Pinkify」と 'グレイテスト 'が適用されています。しかし、最初の列の幅を150ピクセルに強制しようとしていますが、動作していないようです。幅がスタイルシートまたはインラインにあるかどうかは関係ありません。誰が何が間違っているのか、そしてこの作業をどうやって行うのか考えている人はいますか？

Answer 1

この

ng-class="{'missingpeoplefirstcolumn': first}" // remove the $ before 'first'