html - Kendo 复选框切换 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

将一个事件传递给您的函数，然后从 typescript 类中访问它的值:第一步(传递一个$event):在 *ngFor 标签级别添加一个索引变量

<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;
    }