如何从角度的多个复选框列表中获取多个选定的复选框项目

Question

我在这里有最少的复制https://stackblitz.com/edit/angular-uwfsyv?file=app%2Fapp.component.html ，我有 2 个数组， checkboxesDataList和checkboxesDataList2我成功地从checkboxesDataList获得了选中的标签，但这只是为了一个例子。

但是我想在我的项目中得到的类似于这里的checkboxesDataList2我有对象question而checkboxesDataList没有，所以这个功能

  fetchSelectedItems() {
    this.selectedItemsList = this.checkboxesDataList.filter((value, index) => {
      return value.checked;
    });
  }

如果我将this.checkboxesDataList更改为this.checkboxesDataList2将不会立即工作我怎样才能让它工作？

Answer 1

你想拥有这样的功能吗？

getDataChecked()
{
    return this.checkboxesDataList2.question
          .map(x=>x.options.filter(o=>o.checked))
          .reduce((acc, value)=>[...acc,...value])
}