Вот пример примера html multiselect для вас.
Stackblitz iam создан для вас. https://stackblitz.com/edit/angular-multi-select-example-itmvgc
Файл Html,
или
Файл машинописных файлов,
teacherSubjects:any;
myOptions = [
{ id: 1, name: 'Car brands', isLabel: true },
{ id: 2, name: 'Volvo', parentId: 1 },
{ id: 3, name: 'Honda', parentId: 1 },
{ id: 4, name: 'BMW', parentId: 1 },
{ id: 5, name: 'Colors', isLabel: true },
{ id: 6, name: 'Blue', parentId: 5 },
{ id: 7, name: 'Red', parentId: 5 },
{ id: 8, name: 'White', parentId: 5 }
];
onSelect(event){
console.log("Value in 2",this.teacherSubjects);
}
Примечание: -
Я создал созданную переменную выборки и использую функцию select. Вы можете изменить свой ресурс. Кроме того, iam получает значение отверстия объекта при использовании этой строки,
[value]="x"
вы можете получить доступ, как ваш выбор, например имя, идентификатор и т. Д.
[value]="x.name"
[value]="x.id"
Снимок экрана,
Надеюсь, он вам поможет.