CSS-Stil wird nicht in AngularJS angewendet HTML

Question

Eine etwas verwirrende Situation. Wir haben einen Winkelregler, der Daten korrekt auf die Seite liefert. Es wird eine unbekannte Anzahl von Spalten immer sein, so dass wir mit diesem Ansatz gingen auf den Tisch zu machen:

<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> 

Dies ist die einzige CSS auf der Seite angewandt:

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

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

.missingpeoplefirstcolumn 
{ 
    width: 150px !important; 
} 

‚Pinkify‘ und ' greyit 'werden wie erwartet angewendet. Wir versuchen jedoch, die Breite der ersten Spalte auf 150 Pixel zu erhöhen, und es scheint nicht zu funktionieren. Es spielt keine Rolle, ob die Breite im Stylesheet oder inline ist. Hat jemand eine Idee, was falsch ist und wie das funktioniert?

Answer 1

Versuchen Sie, diese

ng-class="{'missingpeoplefirstcolumn': $first}" 

Zu diesem gab, dass ein Versuch

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