【问题标题】:Angular - ngui-auto-complete unexpected focus errorAngular - ngui-auto-complete 意外焦点错误
【发布时间】:2021-10-12 07:12:09
【问题描述】:

我正在构建一个 Web 应用程序,其中我将多个页面用于多个目的。但是在其中一页上,ngui-auto-complete 显示了一个意想不到的焦点问题。虽然我没有为此ngui-auto-complete 设置任何焦点事件,但在内容启动后它仍然保持焦点。

这是一个子页面,我在单击按钮时从父页面重定向。在此子页面上,页面顶部有一些input 字段、一些ngui-auto-complete 和一个p-calendar。在本节下,我放了一个p-table 以获取上述部分的详细信息。下面的p-table 包含两个input 字段和两个ngui-auto-completes。问题来了。最后一个ngui-auto-complete 始终保持焦点,尽管我没有为它设置任何焦点事件。如果我注释掉最后一个 ngui-auto-complete,那么另一个仍然集中。如果我也注释掉另一个,那么焦点问题不再存在。我在谷歌上搜索了一个解决方案,但没有找到令人满意的解决方案。这就是为什么我在这里问,希望有一个解决方案。

对于某些条款和条件,我无法提供我的代码。禁止共享任何代码。很抱歉

但设计是这样的

【问题讨论】:

    标签: angular typescript autocomplete autofocus


    【解决方案1】:

    可以使用[re-focus-after-select]="false" 解决。发布此问题后找到此解决方案。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-11-15
      • 1970-01-01
      • 1970-01-01
      • 2020-06-06
      • 2017-03-06
      • 2015-01-23
      • 2015-04-07
      • 2018-02-09
      相关资源
      最近更新 更多