Javascript 切换单击时未反映正确类的ui

我有一个切换按钮，在连接它之后，我注意到当我点击它时，样式不会改变，除非我刷新页面

这是我的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);
    }