我正在使用Angular CDK叠加层为我的应用程序创建一个弹出窗口。它使用“ flexibleConnectedTo”策略,并附加到我传递给它的nativeElement上。
这是相关的代码段。
...
成对连接:[{originX:'end'...,offsetY:-25})]
...
const posStrat = this.overlay.position()。flexibleConnectedTo(anchor.nativeElement)。 withPositions(config.connetedPairs);
此处,锚点:ElementRef。
这很好,并且在大多数情况下,弹出窗口都位于我的锚点附近。 除了第一次我在重新加载页面后打开弹出窗口。而且我不知道为什么。刷新后,即使我等待一段时间以确保所有组件都已加载,当我第一次打开弹出窗口时,它也会将其放置在屏幕的左上角。那不是应该的地方。然后,所有随后的弹出窗口都在我的锚点附近打开。
知道为什么会这样吗?