如何在自定义组件中使用离子刷新器

时间:2019-08-05 06:48:46

标签: javascript angular ionic-framework ionic3

我需要将离子刷新器放置在组件内部。

我有一个外观和行为都相同的列表,我的列表组件应该在那个组件中具有刷新,无限滚动等功能

我尝试将离子清新剂添加到自定义组件中。

<ion-refresher (ionRefresh)="refreshList($event)">
    <ion-refresher-content></ion-refresher-content>
</ion-refresher>

但我收到此错误:

Parse Error: No provider for Content

3 个答案:

答案 0 :(得分:0)

您尝试过吗?

<ion-content>
<ion-refresher (ionRefresh)="refreshList($event)">
    <ion-refresher-content></ion-refresher-content>
</ion-refresher>
</ion-content>

答案 1 :(得分:0)

here所述,在docs中,您需要将刷新器放在<ion-content>标记内。

<ion-content>
  <ion-refresher (ionRefresh)="refreshList($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
</ion-content>

答案 2 :(得分:0)

当我们将 ion-refresher 放在 ion-content 中时,它会产生额外的空间