Angular 角5自动对焦

我有一个

Angular 5

项目，我想在加载时将自动对焦设置为页面上的任何项目

我得到的最接近的是下面这张照片

唯一的问题是我没有使用

指令

我使用的是

组件

，

模型

和“服务”

如果可能的话，我想尽量远离

指令

，但我无法让我的pluka使用这些指令工作

---

任何建议

为什么不在输入字段上简单地使用

自动对焦

属性-

<input type="text" name="firstName" autofocus>

---

谢谢，不知道为什么我没有用这个：-）。唯一的问题是，当我在一个有选项卡的页面上单击另一个选项卡时，它不会自动聚焦到该选项卡上的第一个字段。对此有何建议？您可以手动/强制将自动对焦设置为特定的输入条件stackblitz在Chrome中对我有效，但在Firefox中无效。这似乎是由于firefox处理通过javascript创建的表单的方式。请看这里：我不认为这与routerModule有任何关系，尽管我不能完全确定。@PardeepJain这是迄今为止最简单的方法。只是试了一下，没看到名字是集中的。是我吗？我在这里尝试了Sergey Gurin发布的解决方案：{{myInput.focus（）}}只需在模板内输入之后添加{{myInput.focus（）}}。在Angular2中测试成功。