Angular 2在特定输入上选择文本

Question

使用 jQuery，我们将以这种方式在提交时选择特定输入的所有内容:

<form id="target">
  <input id="input-1" type="text" value="some value" />
<form>

$("#target").submit((event) => {
  event.preventDefault();
  $("#input-1").select();
});

我们如何使用 Angular 2 实现这一目标？

Answer 1

您可以像这样在模板中轻松完成:

<input type="text" (click)="$event.target.select()" />

或者向您的元素添加一个局部变量并引用它:

<input type="text" #myInput (click)="myInput.select()" />

第二种方法的好处是，通过为您的元素设置局部变量名称，其他元素也可以引用该变量。