如何在 Angular 中組合多個條件?我現在使用 angular 12。
例子:
[ngClass]="condition1 ? 'className1': 'classname2'"
如果條件 1 為真或為假,這將起作用。
現在如何添加多個?
[ngClass]='condition1 ? 'className1' : 'classname2' && conditionX ? 'classNameY' : 'classNameZ'"
似乎只檢查了第一個條件,&& 之后的任何其他條件都沒有出現
uj5u.com熱心網友回復:
對于多種情況,您可以這樣做:
[ngClass]="[ condition1 ? 'className1' : 'className2', conditionX ? 'classNameY' : 'classNameZ']"
用“,”分隔每個條件
uj5u.com熱心網友回復:
要應用多個條件類,請參閱 Angular Docs。它有很好的解釋。關聯
uj5u.com熱心網友回復:
使用一個物件可以處理多個條件
<div [ngClass]="{'firstClass': true, 'secondClass': true, 'thirdClass': false}">
// your code...
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/339579.html
