以角度從父母和孩子獲取選定的復選框值

Question

我正在嘗試從此數據生成一個新數組，並僅顯示父項和子項中選定的復選框值。

this.data.ParentChildchecklist = [ { id: 1,value: 'Elenor Anderson',isSelected: false,isClosed:false, childList: [ { id: 1,parent_id: 1,value: 'child 1',isSelected: false } , { id: 2,parent_id: 1,value: 'child 2',isSelected: false } ] }, { id: 2,value: 'Caden Kunze',isSelected: false,isClosed:false,childList: [ { id: 1,parent_id: 1,value: 'child 1',isSelected: false }, { id: 2,parent_id: 1,value: 'child 2',isSelected: false } ] }, { id: 3,value: 'Ms . Hortense Zulauf',isSelected: false,isClosed:false, childList: [ { id: 1,parent_id: 1,value: 'child 1',isSelected: false }, { id: 2,parent_id: 1,value: 'child 2 ',isSelected: false } ] } ];

嘗試使用此代碼從父項和子項中過濾選定的列表以推送到新列表，但它不起作用。

https://stackblitz.com/edit/angular-ivy-hfvrqa?file=src/app/app.component.ts

Answer 1

您的示例中有錯誤

這條線可能應該被刪除

this.checkedList.ParentChildchecklist.push(
    obj.ParentChildchecklist[i].childList[j]
);

因為this.checkedList.ParentChildchecklist不存在