将管道应用于输入框

Question

我已经编写了 thousandsSeparatorPipe，它与 label 一起工作正常，如下所示。

  <ion-label fixed>{{project.contingency | thousandsSeparatorPipe}}</ion-label>

但是如何将 pipe 应用到 ion-input？因为我需要在用户输入下面的 numeric box.Any 帮助时显示千位分隔符，好吗？

<ion-input type="number" formControlName="budget" [(ngModel)]="project.budget" ></ion-input>

Answer 1

否，不可能对上述输入使用管道，即使在AngularJS 这也是不推荐的方式。

为了使用，您需要使用两条指令应用双向数据绑定。 [ngModel]="project.budget| thousandsSeparatorPipe" (ngModelChange)="project.budget= $event"

DEMO

或者，您可以使用一些 mask 库进行输入并创建一个指令。