【问题标题】:Angular autofocus on element when visible可见时对元素进行角度自动对焦
【发布时间】:2021-07-02 16:52:27
【问题描述】:

我被要求使用 Angular 8 更新前端应用程序,以在特定元素上设置自动对焦。基本上,这个应用程序会提示用户输入一个问题,然后应用程序会显示一些需要关注的结果文本。

我已经使用 Angular 自动对焦指令搜索并尝试了一些建议,但没有成功。我发现很多关于使用自动对焦输入字段而不是 div 的示例。

是否可以在不重新加载页面的情况下在此元素上设置自动对焦?如果是这样,我该怎么做?

更新 - 我找到了这个教程,但它并没有像我希望的那样做。我认为加载页面时输入字段应该自动聚焦。但是,只有在我必须单击/tab 时才会集中显示。
https://www.codementor.io/@yomateo/auto-focus-with-angular-7-the-directive-osfcl7rrv

有没有办法在没有实际点击或标签的情况下自动聚焦在字段上?

【问题讨论】:

  • 请发布您迄今为止尝试过的代码。如果代码中有任何错误,它将有助于提供解决方案或纠正。

标签: angular angular-directive autofocus


【解决方案1】:

几件事

  • 确保您要关注输入字段的代码是正确的。您可以通过单击一些按钮来查看它。
  • 检查在一些不同的生命周期钩子中调用此代码,例如 ngAfterContentInit() 、 ngAfterViewChecked() 或任何其他。
  • 如果第二点没有帮助,请尝试将您的代码置于超时范围内。

【讨论】:

  • 你知道有什么样本可以满足你的描述吗?
【解决方案2】:

您可以从@angular/cdk 使用cdkTrapFocusAutoCapture

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-01-04
    • 2015-07-08
    • 2017-06-11
    • 1970-01-01
    • 1970-01-01
    • 2012-07-13
    • 1970-01-01
    • 2018-02-19
    相关资源
    最近更新 更多