gpt4 book ai didi

html - 在 Angular 4 中将类切换为只有一个按钮

转载 作者:太空狗 更新时间:2023-10-29 18:07:44 25 4
gpt4 key购买 nike

我有两个按钮,我想将类切换到当前单击的按钮。条件是用户一次只能选择一个按钮,用户也可以取消选择两个按钮。这是我的代码 stackblitz example .我有切换类,但现在我面临取消选择所选按钮的问题。请帮忙。

最佳答案

HTML

<button *ngFor="let button of buttons" class="btn rounded m-4" [ngClass]="(selectedButton == button) ? 'btn-primary' : 'btn-default'" (click)="onClickButton(button)">
<i [class]="button.class"></i>
</button>

TS

onClickButton(button): void {
if (this.selectedButton === button) {
this.selectedButton = null;
} else {
this.selectedButton = button;
}
}

关于html - 在 Angular 4 中将类切换为只有一个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51670797/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com