css - 为 Angular CDK 虚拟滚动视口设置动态高度

Question

我正在使用 cdk Virtual Scroll 处理 Angular 表。你知道有没有办法设置滚动视口的动态高度？使用标准样式属性一切正常，但我无法使用 ngStyle 设置值。如果有任何帮助，我将不胜感激。

Answer 1

您可以做什么，尝试将所需的视口高度作为组件传递@Input给您的组件。我想到的第二个选项是您可以尝试在构造函数中将其作为 ElementRef 组件传递：

constructor (private _elementRef: ElementRef){ ... }

然后取其父高度，例如 ngOnInit：

const elHeight = this._elementRef.nativeElement.parentElement.offsetHeight;

希望能帮助到你。