默认情况下,角度材质的 select-dropwon 将允许页面滚动并相应地重新定位。
在材料文档的原始页面上,选择下拉列表显示了不同的行为:它在打开时阻止滚动:
https://material.angular.io/components/select/overview https://material.angular.io/components/select/overview
我怎样才能实现这种行为?我没有找到任何选项或切换以在单击选择时禁用滚动
编辑:
我确实发现有一个叫做“mat-select-scroll-strategy”的东西,但它没有在任何地方记录。有人能给我提示如何使用这个吗?
由于 mat-select 组件通过 DI 注入策略,因此您可以在组件中提供替代方案(如果您愿意,也可以在模块级别提供)。
import { MAT_SELECT_SCROLL_STRATEGY } from '@angular/material';
import { Overlay, BlockScrollStrategy } from '@angular/cdk/overlay';
export function scrollFactory(overlay: Overlay): () => BlockScrollStrategy {
return () => overlay.scrollStrategies.block();
}
// ...
providers: [
{ provide: MAT_SELECT_SCROLL_STRATEGY, useFactory: scrollFactory, deps: [Overlay] }
]
--
堆栈闪电战 https://stackblitz.com/edit/material2-beta12-n3vcb1?file=app%2Fapp.component.ts
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)