Angular2操纵ngModel视图

Question

我想操纵ngModel视图一样，你可以做$格式化/ $解析器角1

我最初的想法是做以下

<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