Angular 2 输入清理

Question

是否有一种直接的方法来实现输入的实时清理/操作？

这是一个示例用例，去除非字母字符：

<input #fooControl="ngModel"
       name="foo"
       type="text"
       [ngModel]="foo"
       (ngModelChange)="foo = sanitize($event)"
       pattern="[a-zA-Z]*" />

-

sanitize(val) {
  return val.replace(/[^a-z]/ig, '');
}

http://plnkr.co/edit/W80l2ph8sI8WvCpFkR7a?p=preview

这种方法几乎可以工作，但是当新的净化模型值等于先前净化的模型值时，输入值本身不会更新，显示不卫生的字符。

我已经尝试过https://github.com/msafi/text-mask，但值更改是通过 DOM 操作完成的，并且与表单验证不兼容。

这似乎是一个常见的要求，我很惊讶还没有针对它的本机指令。任何建议都非常感谢，谢谢！

Answer 1

您可以使用UpgradeAdapter (https://angular.io/docs/ts/latest/guide/upgrade.html) 在 Angular 2 旁边运行 Angular 1，然后使用 Angular 1 插件。