Angular 2 - 当用户在输入字段中键入字符时，突出显示DIV的文本

Question

我试图通过在输入中键入div中的文本来向我的用户提供有关我的角度2应用程序的一些反馈。

这将是一个完美的解决方案：

Highlight text of a DIV as user types characters in an input field

但是，使用Angular2对DOM操作的不同方法我还没有能够做到，有什么建议吗？

Answer 1

<div [innerHTML]="highlighted"></div>
<input [(ngModel)]="text" (ngModelChange)="updateHighlight()" name="high">

class MyComponent {
  this.allText = 'lorem ipsum ...';
  text = '';
  highlighted = '';
  updateHighlight() {
    this.highlighted = this.text
        ? allText.replace(new RegExp('('+this.text+')','ig'), 
            '<span class=highlight>$1</span>')
        : allText;        
  }
}