首页 > 解决方案 > 从数组输入焦点

问题描述

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

标签: arraysangularinputfocus

解决方案


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

把这一切放在一起,

children.last.nativeElement.focus()


推荐阅读