ui在切换点击后无法反映正确的课程

Question

我有一个切换按钮，将其连接后，我注意到单击它时，样式不会改变，除非刷新页面。

这是我的HTML：

<div (click)="onValueChange(item)">
   <div class="btn-group" data-toggle="buttons">
        <label class="btn btn-toggle-switch" [ngClass]="{'active': item.isActive}">
          <input type="checkbox">
          <span class="status-on">on</span>
           <span class="status-off">off</span>
        </label>
   </div>
</div>

我该怎么做才能确保在单击活动类时可以正确添加或删除它们，而无需刷新？

这是我的点击功能：

private onValueChange(item: ItemType) {
        item.isActive = !item.isActive;
        this.save(item);
    }