Javascript 如何添加角模式下的开始和停止可折叠按钮

在我的angular应用程序中，我创建了仪表板页面，在该页面中，我创建了一个启动或停止按钮（即切换），但它无法正常工作

.component.ts

toggleCollapse(jammer) {
    this.jammer.isCollapsed ? 'START' : 'STOP'
    this.jammer.isCollapsed ? 'START' : 'STOP'
}

.component.html

<button
    type="button"
    class="btn btn-warning"
    (click)="toggleCollapse()">START</button>

开始

---

但是它不能正常工作。有人能帮我解决这个问题吗。

我想你希望按钮的标签是“开始”还是“停止”

isCollapsed: boolean = true;

toggleCollapse() {
    this.isCollapsed = !this.isCollapsed;
}

{{isCollapsed'START'：'STOP'}

.component.ts

public isCollapsed = false;

toggleCollapse() {
    this.isCollapsed = !this.isCollapsed
}

.component.html

     <button
        type="button"
        [ngClass]="isCollapsed ? 'btn btn-warning' : 'btn btn-success'"
        (click)="toggleCollapse()">
        <span *ngIf="isCollapsed"> Stop <span>
        <span *ngIf="!isCollapsed"> Start <span>
    </button>

停止
开始

---

注意：如果需要，您可以更改布尔值

请解释“工作不正常”的含义。它不是在单击功能的开始和停止之间切换（我在html中提到过），这是因为您从未将值分配给任何东西。您可以添加我在代码中犯的错误吗谢谢，为我工作

     <button
        type="button"
        [ngClass]="isCollapsed ? 'btn btn-warning' : 'btn btn-success'"
        (click)="toggleCollapse()">
        <span *ngIf="isCollapsed"> Stop <span>
        <span *ngIf="!isCollapsed"> Start <span>
    </button>