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

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

viewchild focus angular

0

shajan · 技术社区 · 7 年前

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

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

我正在使用模板

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

还有我的班级

@ViewChild('textValue')textValue;

这文本值。nativeElement。focus();

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

谁能给点建议吗??

1 回复 | 直到 7 年前

1

0

alcfeoh 7 年前

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

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

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

推荐文章

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

7 年前

sanjihan · 将#元素绑定到使用*ngFor创建的元素

8 年前

Soufiane Touil · Angular 4找不到名称“ViewChild”

8 年前

Florent Arlandis · 角度4:ViewChild()意外刷新应用程序

8 年前

Anna Ladyzhenskaya · 如何从Angular 2中的QueryList中获取子元素?

8 年前