如何显示数组中多个复选框中的数据？角形app

Question

我有一个问题，显示检查的数据在数组在Angular应用程序。当我点击复选框时，我得到一个真值，但数据没有显示。数据具有空值。

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()中的方法：

null

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