时间戳

首页 > 解决方案 > 在Angular中使用ngClass切换按钮的文本

javascript - 在Angular中使用ngClass切换按钮的文本

问题描述

我将如何更改 Angular 中按钮的切换类的文本，到目前为止，我有以下内容来切换类，我正在使用 Bootstrap：

html

<!-- toggle button --> 
<button type="button" class="btn btn-primary mt-3 ml-3" (click)="status=!status;" [ngClass]="status ? 'btn-info' : 'btn-primary'"  [disabled]="clicked">Primary</button>
<!-- toggle button -->

有任何想法吗？

标签： javascripthtmlangularbootstrap-4

解决方案

您的 ngClass 代码是错误的，我更正了这一点，

此外，如果您想更改按钮的文本，您可以这样做：

    <button type="button" class="btn btn-primary mt-3 ml-3" (click)="status=!status;" [ngClass]="{'btn-info' : status, 'btn-primary' : !status}"  [disabled]="clicked">{{status ? 'Info' : 'Primary'}}</button>

推荐阅读