文本框中的更改值不会绑定到模型

Question

我有一个angular2指令，用于更改|任何内容的单词到特殊：

HTML：

<textarea #contentInput id="content" special  [(ngModel)]="special" name="content" #content="ngModel"></textarea>

角：

let value = this.element.nativeElement.value;
let special = value.match(/|([a-zA-Z0-9_\-\+]+)|/g);
this.element.nativeElement.value = value.replace(special, "*special*");

  

值已从文本框中的| anything| to *special*更改，   但它没有绑定到ngModel，但是当我继续添加单词时   在特殊词之后，它将被绑定。

Answer 1

这是因为你仍然需要调度输入事件。这是用于确定值何时发生变化的内容

this.element.nativeElement.dispatchEvent(new Event('input'));

Plunker