<mat-select>多项选择(formControl)

时间:2018-02-27 19:09:31

标签: html5 angular forms typescript angular-material

我正在使用Angular材料进行多重选择,如网站https://material.angular.io/components/select/overview(第8个例子)中所述。 我还有一系列项目(键和值)是选项的一部分([键:1值:额外的奶酪,键:2值:洋葱])...我希望它们被自动选择(可能使用formController)...我怎么能这样做? 另外,在用户选择/取消选择一些选项之后,如何获得新阵列?

提前谢谢你!

1 个答案:

答案 0 :(得分:0)

您需要使用ngModel

    <mat-select placeholder="Toppings" [formControl]="toppings"
 multiple [(ngModel)]='defaultValue'>

并在此组件中定义此defulatValue,或按照您的意愿编程

defaultValue = [this.toppingList[1], this.toppingList[3]]

并且您可以在任何更改时获取此变量,它将包含您选择的值。从材料示例中得到这个例子,一切都适合我。