CDK 覆盖定位/CDK 容器不占用全屏空间

Question

我正在尝试使用 Angular CDK 构建可重用的工具提示指令。 这是一个简单的演示实现：https://stackblitz.com/edit/ng-cooltips

但是，我的定位无法正常工作。角度 cdk 覆盖容器确实在目标元素下方打开，并且相对于指令宿主元素定位它不起作用。 我在这里错过了什么？

Answer 1

您可能错过了从 CDK 导入的 overlaycss：

@import "~@angular/cdk/overlay-prebuilt.css";

否则，您的定位将无法正常工作。