Angular 如何将角度分量用作div

我想制作一个“弹出”组件，它只是我添加到其中的任何其他组件的包装。对于牧师，我想这样使用它：

<app-popup>
    <some-component></some-component>
</app-popup>

但这似乎不只是工作

---

有可能以这种方式使用组件吗？

您可以将css类添加到应用程序弹出组件中，然后在组件的模板中使用ng内容标签

我认为您可以使用angular的内容投影技术。

<div class="popup-wrapper"></div>

.popup-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}