在Angular中使用ngClass切換按鈕的文本

Question

我如何在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 --> 

有任何想法嗎？

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