角反应形式垫选项传递对象

时间:2018-08-09 19:16:03

标签: angular angular-material angular-reactive-forms

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

我的component.ts

enter image description here

我的html

enter image description here

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

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

1 个答案:

答案 0 :(得分:0)

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

  1. 表单绑定模型(表单模型)
  2. 实际数据模型

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

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