角度自动完成选项不与输入保持位置

【问题标题】：Angular autocomplete options don't keep position with input角度自动完成选项不与输入保持位置
【发布时间】：2021-03-08 05:59:11
【问题描述】：

有展示我的问题。 https://stackblitz.com/edit/angular-efmp9q-aztprs 我有一个可滚动的 div，它有一个特定的高度。在这个 div 中，我有一个角度材料自动完成组件。当我为自动完成选择输入时，我会得到一个报价选项，但如果我向下滚动，mat-option 报价不会保留输入。但是随着滚动而移动。在这种情况下是否可以通过输入保持位置？谢谢。

【问题讨论】：

标签： html css angular sass angular-material

【解决方案1】：

我之前遇到过这个问题，当时我找到了解决方案，您需要从 angular/material 导入滚动模块并在最外层的 div 中使用指令 cdkScrollable。

在您的 stackblitz 示例中，您已经导入了滚动模块，因此您只需将 cdkScrollable 添加到具有包装类的 div 中：

<div class="wrapper" cdkScrollable>

【讨论】：