Kendo 复选框切换 true 和 false 状态不能正常工作

Question

我正在尝试获取它，以便在单击一个或多个复选框时，我能够显示一个按钮。 如果单击一个或多个复选框，我希望切换 function 工作，但相反，当我 select 一个复选框时它会打开，然后在下一个选择期间关闭。 我确定我也在这里添加了一些不必要的属性，但我不太在意。 任何帮助，将不胜感激。

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

将一个事件传递给您的 function 然后从 typescript class 访问它的值： Step1（传递一个 $event）：在 *ngFor 标签级别添加一个索引变量

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

第一步（获取其值）：

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

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