如何在数组中显示来自多个复选框的数据？角应用

Question

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

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

代码：

组件.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;
    });
  }