Angular Reactive Form mat-option 来传递对象答案

【问题标题】：Angular Reactive Form mat-option to pass objectAngular Reactive Form mat-option 来传递对象
【发布时间】：2019-01-17 08:25:06
【问题描述】：

我有 mat-option 我想传递对象而不是单个值。

我的组件.ts

我的html

状态是具有属性名称和代码的对象。

对于 mat-option，我不确定如何同时提取名称和代码并将它们作为对象插入到我的 shippingForm 中。现在它只提取 state.name 的单个值。

【问题讨论】：

你的意思是 mat--option 值作为一个对象？
@Chellappan 是的，当我提交表单并进入后端时。我希望状态包含对象。甚至不确定我这样做是否正确。
目前你正在获取状态，只是名称对吗？
@Chellappan 是的。我实际上摆脱了 statebuildergroup 和 html 而不是 [value]="state.name" 我把 [value]="state"。它开始添加具有两个值的对象。但是在视图中获取 [object, object]。
尝试使用 {{object | json}}

【解决方案1】：

ReactuiveForms documentation 明确说明您有 2 个模型

您必须手动将表单模型映射到您的数据模型中。

换句话说 - 您必须从表单中获取状态名称和代码，并使用这些值创建 State 对象。

【讨论】：