如何在角4中使用千分离器?

时间:2018-01-20 06:06:31

标签: javascript angular

在角度4中,当同时填充输入时,如何使用千个分隔符作为数字? (不绑定像{{price | number}}这样的数字) 角度4的特定解决方案或可能通过javascript。 为了更好地澄清,我需要具有此功能的输入只能获得大量零的数字:1,000,000,000。不转换,不是百分比,不是这样的小数:1,000,000,000.00。我的目标是让这个分隔符更容易阅读,例如,这样的事情:1,000,000,000比1000000000好得多。 谢谢

1 个答案:

答案 0 :(得分:0)

正如你所提到的,在这种情况下,管道如货币/数字将不起作用,因为我们正在处理输入表格。但是你可以:

答:创建自己的自定义输入组件,它将执行逗号分隔(难以实现但可重复使用)

B:创建自己的自定义管道,执行逗号分隔工作,而不能将此管道应用于输入html组件;但是,您可以使用@HostListner的输入(模糊)和(焦点)动作将管道(通过变换)应用于<input>形式的值。

类似的东西:

  @HostListener("blur", ["$event.target.value"])
  onBlur(value) {
    this.el.value = this.currencyPipe.transform(value);
  }