angular - Angular2 操作 ngModel 视图

Question

我想像在 Angular 1 中操作 $formatter / $parser 一样操作 ngModel 视图。

我最初的想法是执行以下操作

<input type="text" [(ngModel)]="context.highQueuePriority" (ngModelChange)="appendPercent($event)" />

并使用此功能

appendPercent(val): string {
    this.context.highQueuePriority = val.replace(/^[a-zA-Z%]+/g, '') + '%';
}

如果用户输入 40，则基本上将视图更改为 40%。

Answer 1

我找到了一篇完美的文章，解释了如何做到这一点。将其发布给任何可能遇到它的人。https://blog.ngconsultant.io/custom-input-formatting-with-simple-directives-for-angular-2-ec792082976#.fp9qc9x9c