Question

我以Ionic 4为例，但是这个问题通常适用于角度。

下面是列表和下拉刷新的基本离子页面。

<ion-content>
    <ion-refresher slot="fixed" pullMin="100" (ionRefresh)="onRefresh($event)">
        <ion-refresher-content></ion-refresher-content>
    </ion-refresher>
    <ion-list>
        <ion-item></ion-item>
    </ion-list>
<ion-content>

离子刷新器必须直接位于离子含量内部，否则将无法正常工作。下面的示例不显示刷新图标和加载

<ion-content>
<div>
    <ion-refresher slot="fixed" pullMin="100" (ionRefresh)="onRefresh($event)">
        <ion-refresher-content></ion-refresher-content>
    </ion-refresher>
    <ion-list>
        <ion-item></ion-item>
    </ion-list>
</div>
</ion-content>

当我在自定义角度组件中移动所有内容时，会发生相同的一般问题

<ion-content>
    <app-ion-refresher-list></app-ion-refresher-list>
<ion-content>

// component selector = 'app-ion-refresher-list'

同样，当我为ion-item创建一个组件并将其放置在ion-list中时，某些样式可能会弄乱。

<ion-list>
    <app-ion-item></app-ion-item>
</ion-list>

在两种情况下，我都希望样式或ng-content投影具有一定的层次依赖性

ion-list ion-item{
 styles...
}

那么有没有一种方法可以创建角度组件而无需引入“额外”元素层来保持样式和功能正常工作？

我想要的组件基本上具有与ng-container相同的功能。

有角度的-如何创建不影响组件和样式层次的组件？

0 个答案: