我的代码如下，
<select multiple [(ngModel)]="myModelProperty" name="category" (change)="catFilter($event.target.value);hName($event.target.value);" class="form-control">
<option>Select Cat</option>
<ng-container *ngFor="let type of cat">
<ng-container *ngIf="type.Record.Pre!=undefined">
<ng-container *ngIf="type.Record.prefname">
<option [value]="type.Record.pre">{{type.Record.prefname}}</option>
<ng-container *ngFor="let e of cat">
<ng-container *ngIf="e!=type">
<ng-container *ngIf="e.Record.Pre == type.Record.Pre">
<option [value]="type.Record.subcat"> {{ e.Record.subcat }}</option>
</ng-container>
</ng-container>
</ng-container>
</ng-container>
</ng-container>
</ng-container>
</select>
在我的 ts 文件中，
catFilter(selectedCat:string){
this.selectedCat = selectedCat;
}
我想选择多个值并从下拉列表中获取选定的值。谁能告诉我如何在 Angular 6 中做到这一点？我关注了许多链接，但它们向我展示了如何获得单个选项的值。但我需要获得多个选项的值。
![我该如何解决“应该只有一项具有 [DropdownButton] 的值：null。”flutter中的错误？](https://www.gravatar.com/avatar/1b2115be207eeec76417516dcde61198?s=256&d=identicon&r=PG&f=1)
首先，您在
Object key中写了一个错误的<option [value]="type.Record.pre">{{type.Record.prefname}}</option>，因为您看到[value]="type.Record.pre"应该是[value]="type.Record.Pre"第二个
[(ngModel)]是一种双向数据绑定，这意味着当您从Component's TS File设置默认选择时，可以直接从<select></select>获取所选值我厌倦了遵循您的数据模型并得出了这个结果
https://stackblitz.com/edit/angular-isquyp?file=src%2Fapp%2Fapp.component.html