允许在输入字段中输入逗号,且输入类型为角

时间:2019-07-12 13:18:41

标签: angular typescript localization angular-material material-design

在我的应用程序中是带有数字类型的输入字段。如果我手动输入数字,则可以使用逗号分隔符(20,99)输入数字,也可以使用点分隔符(20.99)输入数字。

但是,如果我通过JSON从另一个资源中读取数字并通过ngModel绑定这些值,则会收到以下错误:

  

指定的值“ 2,5”不是有效数字。该值必须与>以下正则表达式匹配:-?(\ d + | \ d +。\ d + |。\ d +)([eE] [-+]?\ d +)?

对我来说这没有意义。有人知道如何解决此问题吗?我要接受逗号和点号。

数字字段:

     <mat-form-field *ngSwitchCase="'inputNumber'"
      style="text-align: right; margin-top: 30px;" [ngStyle]="element.style"
      matTooltip="{{element.tooltip}}" matTooltipClass="toolTipClass">

      <span matPrefix>{{element.prefix}}&nbsp;</span>
      <input
            id="{{element.elementId}}"
            #focusable
            matInput
            type="number"
            [placeholder]="element.placeholder"
            [(ngModel)]="formControlService.dialogDaten[element.elementId]"
            (focus)="formControlService.setFocusDurchTastatur(sektion)"
            (blur)="formControlService.disableFocusDurchTastatur(sektion)"
            >
            <span matSuffix>{{element.suffix}}&nbsp;</span>
      </mat-form-field>

预期结果:

无论我是手动还是自动读取这些值。两种方式都应使用相同的分隔符。

0 个答案:

没有答案