Kendo Checkbox切换True和False状态无法正常工作

Question

我正在尝试获取它，因此当单击一个或多个复选框时，我可以获取一个按钮。如果单击一个或多个复选框，我希望切换函数可以工作，但是，当我选择一个复选框时，它将打开，然后在下一次选择期间关闭。我敢肯定，我也在这里添加了几个不必要的属性，但对此不太担心。任何帮助将不胜感激。

HTML：按钮

<button class="btn btn-primary"
*ngIf="switchCase" style="float:right"
>Save</button>

HTML：复选框列

<kendo-grid-column field="checkbox" editor="boolean">
    <ng-template kendoGridCellTemplate let-dataItem id="flexSwitchCheckChecked"
    >
    <input type="checkbox" (click)="toggleButton(dataItem, 'checkbox' 
    [checked]="dataItem.checkbox"
    [width]="40"
      >

TS：按钮单击方法

public switchCase: boolean = false;
  toggleButton() {
    this.switchCase = !this.switchCase;

Answer 1

将事件传递给您的函数，然后从打字稿类访问其值：
步骤1（通过$事件）：
在 *ngfor标签级别添加索引var

<div *ngFor="let item of items;let i = index" >
    <input type="checkbox" (change)="toggleButton($event,i)">
</div>

step1（获取其值）：

      toggleButton($event,i) {
    let newValue = $event.target.value;
       // this.switchCase =newValue;

this.items[i].checked =  newValue;
    }