代码之家 › 专栏 › 技术社区 › shajan

如何将焦点放在angular 2中的不同文本框上

viewchild focus angular

shajan · 技术社区 · 7 年前

我有超过25个文本框,我需要根据用户输入将焦点放在每个文本框上。

但我不想在HTML中使用25个不同的引用变量,这也会影响角度代码的长度。

我正在使用模板

<input type="text" [(ngModel)]="textVal" #textValue>

还有我的班级

@ViewChild('textValue')textValue;

这文本值。nativeElement。focus();

所以我的问题是我是否需要创建25个引用变量和25个视图子变量

谁能给点建议吗??

1 回复 | 直到 7 年前

alcfeoh 7 年前

一种可能的解决方案是使用 @ViewChildren 在您的组件中:

@ViewChildren('input[type=text]')
allInputs;

这样,您就可以根据业务逻辑将重点放在任何这些输入上。不再需要使用引用变量。

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

3 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

4 月前

Jihed Ben Zarb · 造型角材料日期选择器

5 月前

st_clair_clarke · 为angular v19资源API创建可重复使用的加载器,其中包含2个不同类型的请求参数

5 月前

Ajay Kulkarni · Angular 19-重新路由到子路由未按预期工作

5 月前

Ajay Kulkarni · 路由器与导航上的路线不匹配

5 月前

Jace Johnson · Typescript文件读取的变量类型错误

5 月前

Ole · Angular资源API是否支持为资源添加初始值?

5 月前

Ole · 在使用新的Angular Resource API时取消搜索术语?

5 月前