從 Angular pipe “數字” (l10n) 解析數字字符串

Question

我用 Angular pipe “數字”格式化數字。 為了與他們合作，他們必須再次成為浮動。 但是 Angular pipe “數字”對應的是什么？

這是我的模板代碼：

<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 #quantity type="text" (keyup.enter)="updateQuantity(quantity.value)"
             value="{{productQuantity}}" l10nDecimal digits="1.2-5">

angular-l10n 使用全局locale進行本地化，如數字格式和解析。 這就是我最終想要的。

Answer 3

我在這里遇到了一個問題來求和數字和掩碼/文本貨幣值。 我解決了創建 Pipe 並在系統中任何需要的地方使用它的問題。

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 文件中聲明此 Pipe 以供您在需要時訪問。