来自数组的输入焦点

时间:2019-04-23 19:54:58

标签: arrays angular input focus

我有一个Angular 2+应用程序,该应用程序带有一个带有数组的组件,并且有一个ngFor,我将其显示并与[[ngModel)]绑定到数组的元素。 我有一个按钮,它将单击并添加空记录到要编辑的数组的最后一个元素。我想要的是专注于输入字段,该字段位于数组的最后一个元素。 我想我需要为此使用ViewChildren(因为它是一个数组)而不是ViewChild。我发现的大多数教程都使用ViewChild来关注单个元素。我要关注的是每个新记录的输入字段。

1 个答案:

答案 0 :(得分:0)

是的,您将为此使用ViewChildren。 ViewChildren返回一个QueryList,它具有用于QueryList中第一个和最后一个项目的访问器方法,直观地称为last。如果您的ViewChildren变量称为子级,则可以使用children.last

获得最后一个元素

将它们放在一起

children.last.nativeElement.focus()