Javascript 在Angular中使用ngClass切换按钮文本

Javascript 在Angular中使用ngClass切换按钮文本,javascript,html,angular,bootstrap-4,Javascript,Html,Angular,Bootstrap 4,如何在Angular中更改按钮切换类的文本,到目前为止,我有以下内容来切换该类,我正在使用引导: 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&

如何在Angular中更改按钮切换类的文本,到目前为止,我有以下内容来切换该类,我正在使用引导:

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

主要的,重要的

有什么想法吗?

你的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>
{{状态?'Info':'Primary'}

您想更改按钮的文本或按钮的类别吗?这是一个明确的问题还是一个问题?