<mat-select> 多选（formControl）

Posted 2023-03-13

【中文标题】<mat-select> 多选（formControl）

【英文标题】：<mat-select> multiple choice (formControl)

【发布时间】：2018-08-07 13:06:46

【问题描述】：

我正在使用 Angular 材料进行多项选择，如他们的网站 https://material.angular.io/components/select/overview 中提到的（第 8 个示例）。 我还有一系列项目（键和值），它们是选择的一部分（[键：1 值：额外奶酪，键：2 值：洋葱]）...我希望它们被自动选择（可能使用formController) ...我该怎么做？ 另外，在用户选择/取消选择某些选项后，我如何取回一个新数组？

提前谢谢你！

【参考方案1】：

你需要使用 ngModel

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

并像这样在您的组件中定义这个 defulatValue，或者按照您的意愿以编程方式定义

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

当发生任何变化时，您可以获取此变量，它将包含您选择的值。从材料示例中获取此示例，对我来说一切正常。

【讨论】：

谢谢！我稍后再试一下，让你们知道它是否有效

我敢打赌。我很高兴为您提供帮助