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