gpt4 book ai didi

angular - 滚动时垫自动完成选项下拉不会粘住

转载 作者:行者123 更新时间:2023-12-04 00:58:45 33 4
gpt4 key购买 nike

在我的 Angular 应用程序中,我使用的是 autocomplete feature from Angular Material :

angular material autocomplete

它工作正常,除非我滚动页面:

angular material autocomplete scrolling issue

基本上下拉菜单在滚动时不会固定在它的位置,我不知道为什么。

在官方的 Material 文档页面中,它通过自动更新元素的 topleft 属性来很好地工作。但是,这不会发生在我的应用程序中。

最佳答案

在做了一些研究之后,我找到了 omaracrystalgithub 上发布的解决方案。

我需要做的是:

1)导入Angular CDKScrollingModule

import { ScrollingModule } from '@angular/cdk/scrolling';

@NgModule({
imports: [
// ...
ScrollingModule,
],
// ...
})
export class MyAppModule { }

2) 找到包含我的自动完成输入的最外层 div 并应用 cdkScrollable 指令:

<div cdkScrollable>
<!-- the autocomplete is located somewhere here, not necessarily as direct child -->
</div>

关于angular - 滚动时垫自动完成选项下拉不会粘住,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60398533/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com