javascript - 使用 Angular Material 2 在文本区域中查找选定的文本

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这说明了这一点。