使用Angular Material 2在textarea中查找所选文本

Question

如何在Angular Material 2输入组件的textarea中找到所选文字？我需要为它创建一个指令。

Answer 1

处理输入的select事件：

<md-input-container>
  <input mdInput placeholder="Favorite food" value="Sushi" (select)="selectionchange($event)">
</md-input-container>

然后，使用jQuery: get input selection range线程中的方法获取所选文本：

selectionchange(ev:any) {
  const start = ev.target.selectionStart;
  const end = ev.target.selectionEnd;
  console.log(ev.target.value.substr(start, end - start))
}

请参阅说明这一点的plunk。