Angular 垫自动完成 : Setting active item programmatically

Question

你想做什么？

以编程方式将面板中的项目设置为事件状态。

您看到什么不符合您的预期？

使用自动完成的键管理器函数 setActiveItem 实际上根本不会更新面板的视觉效果。手动触发视觉更新时，它适用于鼠标单击，但在使用键盘导航时无效。

复制

StackBlitz demo

重现步骤:

1. 点击输入。
2. 点击显示更多。
3. SetActiveItem 选择指定索引处的项目，但之后更改选择无效。
4. 使用键盘导航到显示更多。
5. 按 Enter。
6. SetActiveItem 根本不起作用。

环境

• Angular :8.2.8
• CDK/ Material :8.2.2
• 浏览器:所有浏览器
• 操作系统(例如 Windows、macOS、Ubuntu):全部

寻找有关如何使其正常工作的提示。我的方法是错误的还是 setActiveItem 没有按应有的方式工作？在函数注解中是这样描述的:

Sets the active item to the item to the specified one and adds the active styles to it. Also removes active styles from the previously active item.

这听起来正是我需要的功能，但我无法让它发挥作用。

Answer 1

我遇到了类似的问题。在我的例子中，我使用了 Ag-Grid，它停止了带有箭头的导航的事件传播。您确定您的 Mat-Autocomplete 收到了该事件吗？