Javascript 如何自定义“材质选择”选项组以允许角度中的嵌套值

我正在自定义角度材质选择/自动完成，以允许嵌套下拉列表

在这里，我想让一位家长和许多孩子一起辍学。如果我展开特定的父下拉列表，则只有该下拉列表的子项应该展开或折叠。同样，应在同一场景中选择复选框事件

我面临两个问题

搜索/自动完成不起作用

选中父项复选框应选择与其关联的所有子项

谁能帮帮我，我这里缺什么

这是我的密码

参考资料：

export类选择CustomTriggerExample{
浇头=新FormControl（）；
isExpandCategory:boolean=false；
排行榜：string[]=['额外的奶酪'、'蘑菇'、'洋葱'、'意大利香肠'、'香肠'、'番茄']；
states=newformcontrol（）；
扩展文档类型（类别）{
console.log（“扩展下拉列表”，类别）；
this.isExpandCategory=！this.isExpandCategory；
}
状态列表：状态组[]=[{
信：“A”，
姓名：[阿拉巴马州、阿拉斯加、亚利桑那州、阿肯色州]
}, {
字母：“C”，
姓名：[“加利福尼亚州”、“科罗拉多州”、“康涅狄格州”]
}, {
字母：“D”，
姓名：[“特拉华州”]
}, {
字母：“F”，
姓名：[“佛罗里达州”]
}, {
字母：“G”，
姓名：[“格鲁吉亚”]
}, {
字母：“H”，
姓名：[“夏威夷”]
}, {
信：“我”，
姓名：[爱达荷州、伊利诺伊州、印第安纳州、爱荷华州]
}, {
字母：“K”，
姓名：[“堪萨斯州”、“肯塔基州”]
}, {
字母：“L”，
姓名：[“路易斯安那州”]
}, {
字母：“M”，
姓名：[缅因州、马里兰州、马萨诸塞州、密歇根州]，
“明尼苏达州”、“密西西比州”、“密苏里州”、“蒙大拿州”]
}, {
信:"N",，
姓名：[“内布拉斯加州”、“内华达州”、“新罕布什尔州”、“新泽西州”，
“新墨西哥州”、“纽约州”、“北卡罗来纳州”、“北达科他州”]
}, {
字母：“O”，
姓名：[“俄亥俄州”、“俄克拉何马州”、“俄勒冈州”]
}, {
字母：“P”，
姓名：[“宾夕法尼亚州”]
}, {
字母：“R”，
姓名：[“罗德岛”]
}, {
字母：“S”，
姓名：[“南卡罗来纳州”、“南达科他州”]
}, {
字母：“T”，
姓名：[“田纳西州”、“德克萨斯州”]
}, {
字母：“U”，
姓名：[“犹他州”]
}, {
字母：“V”，
姓名：[“佛蒙特州”、“弗吉尼亚州”]
}, {
字母：“W”，
姓名：[“华盛顿”、“西弗吉尼亚”、“威斯康星州”、“怀俄明州”]
}];
}

浇头
{{states.value？states.value[0]：''}
（++{states.value.length-1}{{{states.value？.length==2？'other'：'others'}）
{{group.letter}}
键盘箭头向下
{{name}}

以下是你2点和3点的答案

展开特定父下拉列表时，所有子项都在展开求解

选中父项复选框应选择与其关联的所有子项完成

---

对于第1点，您可以使用

mat autocomplete

实现相同的解决方案，因为使用

mat select
无法实现自动完成。谢谢，我无法在此处使用mat autocomplete。。有什么解决办法吗？尝试过这个，但是选择失败了issue@VivekJain如何在键入父/子名称的基础上进行筛选？？？@Priya您可以将此处使用的方法与上面的stackblitz结合使用。为此创建单独的stackblitz和问题。@VivekJain谢谢。请在这里找到我的问题，找到自动完成搜索的解决方案了吗？我正在努力。。