如何以反应性 Angular 6 形式使用 Angular 材料选择（多个）的“选定”属性答案

【问题标题】：How to use 'selected' property of Angular material select (multiple) in reactive Angular 6 form如何以反应性 Angular 6 形式使用 Angular 材料选择（多个）的“选定”属性
【发布时间】：2019-03-14 06:22:58
【问题描述】：

我是 Angular 的新手。我想在提交表单之前从材料选择控件中获取所有选定的值，并且我还想实现该用户不能选择超过 3 个选项。我尝试了很多方法，也找不到正确的方法来实现“选择”控件的这个“选择”属性。

这里是选择控件api详情页的链接

https://material.angular.io/components/select/api

【问题讨论】：

我们应该如何处理该链接？问题出在你的代码中，假设你有一些尝试这样做（你应该这样做）。请向我们展示您的代码以及您在哪里遇到问题。请检查stackoverflow.com/help/how-to-ask :)

标签： angular angular5 angular6 angular-forms

【解决方案1】：

此组件上有一个多选示例，而不是 API 选项卡单击示例选项卡。这是他们指向示例的 stackblitz 链接。

https://stackblitz.com/angular/xamkeymbbvvk?file=app%2Fselect-multiple-example.ts

使用他们的示例，我相信 this.toppings.value 会在您的组件中获得价值。

为了限制用户只选择 3，这是一个在长度达到限制 2 时禁用该字段的示例，我相信这样的事情会起作用。

How to set maximum limit of checked elements in MD-selection-list Angular2

【讨论】：