angular - Angular 使用 ng-content 类不适用

Question

我有一个应用程序，其中有一个布局。在这个布局中，我有一个 2 ng-content 的 div。我的问题是我的课程不适用

<div class="col-12 pr-1 pl-0 row m-0 p-0">
    <ng-content class="col-6 mr-0 pr-3 pl-0" select=".content-last-name"></ng-content>
    <ng-content class="col-6 m-0 p-0" select=".content-first-name"></ng-content>
</div>

问题是什么

Answer 1

ng-content标签实际上不会在 DOM 中呈现，它们只是特定于角度的语法。所以你在那里添加的类只是“丢失”了。作为一种解决方法，您可以将两个ng-content标签都用另一个标签包围，并向它们添加类。

<div class="col-12 pr-1 pl-0 row m-0 p-0">
    <section class="col-6 mr-0 pr-3 pl-0">
        <ng-content select=".content-last-name"></ng-content>
    </section>
    <section class="col-6 m-0 p-0">
        <ng-content select=".content-first-name"></ng-content>
    </section>
</div>