Angular 2 Cast FormGroup值到接口

Question

我正在尝试将我的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的值创建有效的界面？

Answer 1

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

如果是这样，你应该能够做到：

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