将管道应用到输入框

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 中也不推荐使用。 p>

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

DEMO

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