Angular 如果类型为数字,则角度6在1.0中显示零

Angular 如果类型为数字,则角度6在1.0中显示零,angular,typescript,Angular,Typescript,在我的代码中,我有如下内容: var myNumber: number = 1.0; 然而,角度会自动删除我各自形式中的零。我可以把它做成一个字符串,但这似乎是一个奇怪的解决方案 我怎样才能告诉Angular它也应该显示零,而不是删除它呢?看一看。在模板中添加以下内容: {{ value_expression | number }} 这将导致显示定义的数字。请查看。在模板中添加以下内容: {{ value_expression | number }} 这将导致显示定义的数字。您可以使用 文

在我的代码中,我有如下内容:

var myNumber: number = 1.0;
然而,角度会自动删除我各自形式中的零。我可以把它做成一个字符串,但这似乎是一个奇怪的解决方案

我怎样才能告诉Angular它也应该显示零,而不是删除它呢?

看一看。在模板中添加以下内容:

{{ value_expression | number }}
这将导致显示定义的数字。

请查看。在模板中添加以下内容:

{{ value_expression | number }}
这将导致显示定义的数字。

您可以使用

文件中说明了管道的参数

十进制表示选项,由以下字符串指定 格式:{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

  • 最小整数位数:小数点前的最小整数位数。默认值为1
  • minFractionDigits:小数点后的最小位数 指向默认值为0
  • maxFractionDigits:小数点后的最大位数 指向默认值为3
  • 您可以使用

    文件中说明了管道的参数

    十进制表示选项,由以下字符串指定 格式:{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

  • 最小整数位数:小数点前的最小整数位数。默认值为1
  • minFractionDigits:小数点后的最小位数 指向默认值为0
  • maxFractionDigits:小数点后的最大位数 指向默认值为3
  • 按如下方式使用:

    {{ myNumber | number:'1.1-1' }}
    
    上面说:

    确保小数点前至少有一个(第一个)数字,并且

    在小数点后的1(第2位)和1(第3位)之间,请按如下方式使用:

    {{ myNumber | number:'1.1-1' }}
    
    上面说:

    确保小数点前至少有一个(第一个)数字,并且


    在小数点后的1(第2个)和1(第3个)之间,javascript就是这样工作的(只有一个
    number
    type)。要看到这一点,请使用F12打开开发者JS控制台,只需编写
    console.log(1.0)
    。您想设置号码显示的格式。我的意思是,任何解决方案,无论是角度特定的还是通用的Javascript,都可以工作。可能是重复的,但该函数仍然存在:@MichaelCzechowski,你是对的。我删除了我的评论(尽管我不愿意投票支持这个重复的目标),您可以使用DecimalPipe,正如上面所说的,这正是javascript的工作方式(只有一种
    number
    type)。要看到这一点,请使用F12打开开发者JS控制台,只需编写
    console.log(1.0)
    。您想设置号码显示的格式。我的意思是,任何解决方案,无论是角度特定的还是通用的Javascript,都可以工作。可能是重复的,但该函数仍然存在:@MichaelCzechowski,你是对的。我删除了我的评论(尽管我不愿意投票支持这个重复的目标),你可以使用DecimalPipe,如上所述