Angular Раскрывающийся список материалов Multi Select с группами опций выбрать только один элемент из каждой группы? - PullRequest
Новая
       9

Angular Раскрывающийся список материалов Multi Select с группами опций выбрать только один элемент из каждой группы?

0 голосов
/ 15 апреля 2020

Я пытаюсь реализовать раскрывающийся список множественного выбора с группой параметров, и пользователь может выбрать только один элемент из каждой группы в раскрывающемся списке множественного выбора. 

<mat-form-field class="kb-article-filter-field" floatLabel="never">
                <mat-select name="searchSettings" multiple>
                  <mat-optgroup *ngFor="let group of textSearchTypes" [label]="group.name">
                    <mat-option *ngFor="let option of group.options" [value]="option.value">
                      {{option}}
                    </mat-option>
                  </mat-optgroup>
                </mat-select>
              </mat-form-field>

textSearchTypes = [
    {
        name: 'searchName', 
        options: [
            { name: 'test', value: 'test' },
            { name: 'test1', value: 'test1' },
            { name: 'test2', value: 'test2' }
        ]
    },
    {
        name: 'searchId', 
        options: [
            {name:'testId', value:'testId'},
            {name:'testId1', value:'testId1'},
            {name:'testId2', value:'testId1'}
        ]
    }
  ];

Может ли кто-нибудь помочь, пожалуйста, как выбрать только один элемент из каждой группы в выпадающем списке множественного выбора?

...