我正在嘗試根據條件更改元素的顏色背景。例如，如果數字 >2，則顏色為綠色。我的CSS：
.color-green {
background-color: green;
color: white;
}
<h9>My number{{ data.number}}</h9>
我嘗試使用 ng-class 但不起作用。我在這里想念什么？
<td ng-class = "{'color-green':data.number>=2}"> <h9>My number {{ data.number}} </h9></td>
或者實作這一目標的最簡單方法是什么？
uj5u.com熱心網友回復：
您的更改看起來確實正確，您可以在瀏覽器中檢查您的類是否應用于元素以及您定義的類是否可訪問？
uj5u.com熱心網友回復：
您需要ng-class更改[ngClass]：
<td [ngClass]= "{'color-green':data.number>=2}"> <h9>My number {{ data.number}} </h9></td>
原因：ng-class在angularJS中使用過。[ngClass]在 Angular 2 中使用。
uj5u.com熱心網友回復：
像在 Angular檔案中那樣做：
<td [ngClass]="data?.number >= 2 ? 'css-class-one' : 'css-class-two'"></td>
此外，使用可選的鏈接運算子來防止您的 number 屬性出現運行時未定義問題。用這個做嗎？像這樣標記data?.number
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/496148.html