如何显示数组中多个复选框的数据？ Angular 应用

Question

我在 Angular 应用的数组中显示 checked data 时遇到问题。当我点击复选框时，我得到一个真实值，但数据不显示。数据有空值。

StackBlitz：https://stackblitz.com/edit/angular-ivy-kt2uag?file=src%2Fapp%2Fapp.component.ts

代码：

component.ts

我使用这个功能：

fetchSelectedItems() {
    this.selectedItemsList = this.checkboxesDataList.filter((value, index) => {
      console.log(value.selected);
      return value.selected === true;
    });
  }

  fetchCheckedIDs() {
    this.checkedIDs = [];
    this.checkboxesDataList.forEach((value, index) => {
      if ((value.selected)) {
        this.checkedIDs.push(value.code);
      }
    });
  }

Answer 1

您正在 ngOnInit(){} 呼叫 fetchCheckedIDs()。也调用您的 fetchSelectedItems() 中的方法：

  fetchSelectedItems() {
    this.fetchCheckedIDs(); //call here
    this.selectedItemsList = this.checkboxesDataList.filter((value, index) => {
      console.log(value.selected);
      return value.selected === true;
    });
  }

如何显示数组中多个复选框的数据？ Angular 应用

How to show data from multiple checkbox in Array? Angular app

checkbox

typescript

angular