Angular2操纵ngModel视图

Question

我想操纵ngModel视图，就像你可以在Angular 1中做$ formatter / $ parser一样。

我最初的想法是做以下

<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