2017-04-27 71 views
0

我正尝试将我的FormGroup值的内容转换为我想用于向Web Api发布内容的接口。Angular 2将FormGroup值强制转换为接口

我的界面看起来是这样的:

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的值创建有效的接口?

回答

3

this.itemForm.value在拨打电话JSON.stringify(this.itemForm.value)之前是否有正确的AmountDescription属性?

如果是这样,你应该能够只是做:

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

+0

有在我的代码一个错字。您的帖子指出我的方向正确,因此我将您的帖子标记为已接受的答案。 –