将管道应用于输入框

Question

我写了thousandsSeparatorPipe，它与label的工作正常，如下所示。

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

但是如何将pipe应用于ion-input？因为当用户在numeric框下方输入时我需要显示千位分隔符。请帮忙吗？

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

Answer 1

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

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

<强> DEMO

或者，您可以使用某些 mask 库作为输入并创建指令。