我有一個 ngFor 回圈，我想為每個元素分配一個唯一的類，但我有一個已經存在的 ngClass 條件。
<div class="b-game-card" *ngFor="let info of list" [ngClass]="{active: isActive(info)}">
<div class="b-game-card__cover"></div>
</div>
我嘗試添加[ngClass]="{active: isActive(info), info.name}"
，但它對我不起作用。
uj5u.com熱心網友回復：
info.name 是您要申請的課程嗎？如果是這樣，請將其移至您的類屬性：
<div
class="b-game-card {{ info.name }}"
*ngFor="let info of list"
[ngClass]="{active: isActive(info)}">
<div class="b-game-card__cover"></div>
</div>
uj5u.com熱心網友回復：
如果你使用 ngClass 你應該提供一個類名（字串型別）
在你的情況下，在 your.component.css
.activeClassName {
active: true; //or whatever you want
}
在 your.component.html 中（如果 isActive(info) 是正確的方法）
<div class="b-game-card" *ngFor="let info of list" [ngClass]="isActive(info) ? 'activeClassName' : ''">
<div class="b-game-card__cover"></div>
</div>
這樣你就可以正確地提供一個字串
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/526156.html
標籤：有角度的for循环