如何显示数组中多个复选框的数据?角度应用

博纳特

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

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);
      }
    });
  }
开发者

您正在呼叫fetchCheckedIDs()只是ngOnInit(){}也调用你的方法fetchSelectedItems()

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章