1. 在组件的.ts文件中，定义一个数组来存储所有可选项。

options = [
   { id: 1, name: 'Option 1' },
   { id:2, name: 'Option 2' },
   { id:3, name: 'Option 3' },
   { id:4, name: 'Option 4' }
];

2. 在组件的.html文件中，使用ngFor指令循环遍历所有选项，并动态创建复选框和下拉框。

    
         {{option.name}}
    
    
        {{item.name}}
    
    
        {{item.name}}
    
    
        {{item.name}}
    

3. 在组件的.ts文件中，根据选中的复选框动态显示或隐藏下拉框。

checkedOptions:any= [];
selectedOption: any;
optionList1=[
    {value: 'Option 1.1' ,name:'Option 1.1'},
    {value: 'Option 1.2' ,name:'Option 1.2'},
    {value: 'Option 1.3' ,name:'Option 1.3'}
];
optionList2=[
    {value: 'Option 2.1' ,name:'Option 2.1'},
    {value: 'Option 2.2' ,name:'Option 2.2