arrays - 从数组输入焦点
问题描述
我有一个 Angular 2+ 应用程序,它有一个带有数组的组件,我有一个 ngFor,我显示它并用 [(ngModel)] 绑定到数组的元素。我有一个按钮,可在单击时将空记录添加到要编辑的数组的最后一个元素。我想要的是关注位于数组最后一个元素的输入字段。我想我需要为此使用 ViewChildren(因为它是一个数组)而不是 ViewChild。我发现的大多数教程都使用 ViewChild 来关注单个元素。我想要的是专注于每条新记录的输入字段。
解决方案
是的,您会为此使用 ViewChildren。ViewChildren 返回一个 QueryList,它有一个用于 QueryList 中第一项和最后一项的访问器方法,直观地称为last
. 如果您的 ViewChildren 变量被称为 children,您可以使用children.last
把这一切放在一起,
children.last.nativeElement.focus()
推荐阅读
- python - JSONDecodeError 期望值:第 2 行第 5 列(字符 5)
- javascript - 如何在反应管理员中显示上传进度?
- swift - Xcode 11.1 在启动时崩溃 - 断言失败
- javascript - 变换缩放元素间距问题
- python-3.x - 读取文件时删除子进程缓冲区
- python - 为什么不能将 datetime64 与带有 np.c_ 的其他数组合并?
- sql - 为什么没有返回数据
- c++ - 我是否需要在 OpenSSL 1.1.0+ 中使用 CRYPTO 锁定功能来确保线程安全?
- ios - Windows PC 上的 Visual Studio 2019 和 Xamarin 是否支持 Xcode 版本 11?
- sql - 如何检查“发送查询”是否结束?