如何從角度的多個復選框列表中獲取多個選定的復選框項目

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