Angular 2将FormGroup值转换为接口答案

【问题标题】：Angular 2 Cast FormGroup value to interfaceAngular 2将FormGroup值转换为接口
【发布时间】：2017-09-25 01:23:18
【问题描述】：

我正在尝试将我的 FormGroup 值的内容转换为我想要用于向我的 Web Api 发布内容的界面。

我的界面是这样的：

export interface MoneyItemI {
  Description: string;
  Amount: number;
}

我的提交方法如下所示：

onSubmit() {
    let jsonString = JSON.stringify(this.itemForm.value);
    let mi = <MoneyItemI>JSON.parse(jsonString);
}

我可以看到我得到了一个使用 JSON.parse 创建的对象，但不幸的是，它对我来说看起来不是一个有效的 MoneyItemI 对象。

例如，属性“金额”不是数字。它像字符串一样分配。

如何使用我的 FormGroup 的值创建一个有效的接口？

【问题讨论】：

【解决方案1】：

在您调用JSON.stringify(this.itemForm.value) 之前this.itemForm.value 是否具有正确的Amount 和Description 属性？

如果是这样，您应该可以这样做：

let mi = <MoneyItemI>this.itemForm.value;

【讨论】：