从Angular中获取从父和孩子中选择的复选框值

发布于 2025-02-07 06:41:49 字数 908 浏览 3 评论 0 原文

我正在尝试从此数据中生成一个新数组,并仅显示父母和孩子的选定复选框值。

this.data.parentChildCheckList = [ { ID:1,价值:“ Elenor Anderson”,Isselected:false,isclated:false, 儿童列表:[ { id:1,parent_id:1,value:'child 1',Isselected:false },, { id:2,parent_id:1,value:'child 2',Isselected:false } 这是给出的 },, { id:2,价值:“ caden kunze',Isselected:false,isclated:false,childlist:[[ { id:1,parent_id:1,value:'child 1',Isselected:false },, { id:2,parent_id:1,value:'child 2',Isselected:false } 这是给出的 },, { id:3,价值:'女士。 Hortense Zulauf',Isselted:false,isclated:false, 儿童列表:[ { id:1,parent_id:1,value:'child 1',Isselected:false },, { id:2,parent_id:1,value:'child 2',Isselected:false } 这是给出的 } ];

尝试此代码将所选列表从父和子筛选为新列表,但它不起作用。

I am trying to generate a new array from this data and show only selected checkbox values from parent as well child.

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

Tried this code to filter the selected list from parent and child to push to new List but its not working.

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

嘴硬脾气大 2025-02-14 06:41:49

您的示例中有一个错误

,可能应该删除此行

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

,因为 this.checkedlist.parentchildchecklist 不存在

there is an error in your example

this line maybe should be removed

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

because this.checkedList.ParentChildchecklist does not exist

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文