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

Question

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

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

标签： angulartypescriptcheckbox

Answer 1

fetchCheckedIDs()你正在打电话ngOnInit(){}。也调用你的方法fetchSelectedItems()：

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