离子角 - ng-content / content-procotion Change界面的表示

Question

我有一个与HTML的组件，如下所示：

<ion-header>
    <header></header>
</ion-header>
<ion-content [fullscreen]="true">
    <div>
        <tab></tab>
        <div class="content">
            ...
        </div>
    </div>
</ion-content>

现在我将其更改为一个父母：

<ion-header>
    <header></header>
</ion-header>
<ion-content [fullscreen]="true">
    <div>
        <tab></tab>
        <div class="content">
            <ng-content></ng-content>
        </div>
    </div>
</ion-content>

新孩子：

<parent>
    ...
</parent>

但是现在界面看起来不同，样式不起作用。我习惯于做出反应，因此行为使我感到困惑。我已经尝试添加viewScapsulation.none，但它不会更改任何内容。理想情况下，我想要的是渲染内容像普通HTML一样工作。