从角度管道" number“(l10n)解析数字字符串

Question

我用角形管道"number“格式化数字。为了与它们一起工作，它们必须再次成为浮动。但是角形管道"number“的对应关系是什么呢？

下面是我的模板代码：

<input type="text" [ngModel]="floatValue | number:'3.1-4':'de'" (ngModelChange)="floatValueChange($event)">

不幸的是，事件"ngModelChange“返回格式化的字符串。

如何解析数字字符串以在Angular 8中进行浮点运算？

Answer 1

您可以很容易地将字符串转换为数字。

floatValueChange(floatnumber) {
  console.log('Add 1' + (+floatnumber +1));
}

注意: JS没有float、double、int的概念。

Answer 2

针对我的需求的解决方案适用于angular-l10n。

input元素：

<input #quantity type="text" (keyup.enter)="updateQuantity(quantity.value)"
             value="{{productQuantity}}" l10nDecimal digits="1.2-5">

angular-l10n使用全局locale进行本地化，如数字格式和解析。这就是我最终想要的。

Answer 3

我在求和数字和掩码/文本货币值时遇到了一个问题。我解决了创建管道并在系统中需要它的任何地方使用它的问题。

import { Pipe, PipeTransform } from '@angular/core';
 @Pipe({
     // tslint:disable-next-line:pipe-naming
     name: 'toNumber',
     pure: false }) export class ToNumberPipe implements PipeTransform { 
     public transform(items: any): any {
         if (!items) {
             return 0;
         }
         return parseInt(items, 10);
     } }

在HTML中

{{ attr.text | toNumber }}

请记住在modules.ts文件中声明要访问的此管道。