angular - Angular - ngui-auto-complete 意外焦点错误

Question

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

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

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

但设计是这样的

标签： angulartypescriptautocompleteautofocus

Answer 1

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