Angular 5 从 API 响应的 1.0 中省略 .0

Question

在 Angular 5 中，我得到的 API 响应为 1.0。但是在填充到 html 字段时，它显示为 1。

在 chrome 开发工具中，在 Network tab->Response 下显示为 1.0，但在 Network Tab -> Preview 下显示为 1。

我尝试将响应映射到有角度的模型，但没有成功。

 response is : 
    {
        amount: 1.0,
        quantity : 3.0,
        id: "20184563251",
    }


this.result = reportResponse.body;
this.cartForm.patchValue(
    {
        'inputTextField': this.result.amount, // While patching only 1 is patched
     });

Answer 1

试试toFixed。它会返回一个字符串

this.rateData.amount.toFixed(1)

Answer 2

把它当作数字，最好先转换成字符串

this.result = reportResponse.body;
this.cartForm.patchValue(
    {
        'inputTextField': String( this.rateData.amount), // convert it to string
     });