嗨,我有一个包在div中的组件,我想根据类似的按钮点击来更改类名。我有大约5个CSS类,我希望能够在使用ng类之间切换div类。我的问题是,如何编写ng类,以便对每个类名使用多个布尔值?
发布于 2022-09-02 15:47:10
HTML代码
<div
class="normal"
[ngClass]="{
green: selection.nature,
blue: selection.sky,
red: selection.love,
yellow: selection.friendship
}"
>
<button (click)="select('nature')">NATURE</button>
<button (click)="select('sky')">SKY</button>
<button (click)="select('love')">LOVE</button>
<button (click)="select('friendship')">FRIENDSHIP</button>
</div>
TS代码
selection = {
nature: false,
sky: false,
love: false,
friendship: false,
};
select(value: string) {
Object.keys(this.selection).forEach((k) => (this.selection[k] = false));
this.selection[value] = true;
}
我已经创建了一个堆栈闪电战,如果您想要检查它的行动。请找到它,这里
如果它解决了您的查询,请将其标记为“答案”。快乐编码:)
https://stackoverflow.com/questions/73587627
复制相似问题