在Angular中使用ngClass切换按钮的文本答案

【问题标题】：Toggle text of button with ngClass in Angular在Angular中使用ngClass切换按钮的文本
【发布时间】：2020-03-22 23:34:11
【问题描述】：

如何更改 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 -->

有什么想法吗？

【问题讨论】：

您要更改按钮的文本或按钮的类？
对此的 downVotes 是怎么回事，这是一个明确的问题？

标签： javascript html angular bootstrap-4

【解决方案1】：

您的 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>

【讨论】：