前端之家收集整理的这篇文章主要介绍了
Angular 2选择特定输入的文本,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用jQuery,我们将以这种方式选择特定输入的所有
内容:
<form id="target">
<input id="input-1" type="text" value="some value" />
<form>
$("#target").submit((event) => {
event.preventDefault();
$("#input-1").select();
});
@H_
301_5@我们如何使用Angular 2实现这一目标?
您可以在模板中轻松完成此操作:
<input type="text" (click)="$event.target.select()" />
@H_
301_5@或者向元素
添加局部变量并引用它:
<input type="text" #myInput (click)="myInput.select()" />
@H_
301_5@第二种
方法的好处是通过为元素设置局部变量
名称,其他元素也可以引用该变量.