angularjs - 如何使用 ng-if 隐藏离子刷新器？

Question

我正在用 AngularJS 1.5.3 和 Ionic 1.3.5 编写一个应用程序。

如果满足某个条件，我想隐藏离子刷新器组件：

<ion-refresher
  ng-if="data.state === 'main'"
  on-refresh="refresh()"
  spinner="lines"
  pulling-icon="ion-ios-arrow-down">
</ion-refresher>

使用 ng-if 对我不起作用。即使状态是主要的，我仍然可以下拉刷新。

我该怎么做才能隐藏此功能？

Answer 1

对于 ionic 4 及更高版本，在 ion-refresher 组件上设置 disabled 属性

<ion-refresher slot="fixed" (ionRefresh)="refreshPage($event)" disabled="true">
    <ion-refresher-content pullingIcon="lines" refreshingSpinner="lines"></ion-refresher-content>
</ion-refresher>

参考：https ://ionicframework.com/docs/api/components/refresher/Refresher/

Answer 2

您应该使用enabled属性而不是*ngIf显示和隐藏离子刷新器

<ion-refresher
  enabled = "false"
  on-refresh="refresh()"
  spinner="lines"
  pulling-icon="ion-ios-arrow-down">
</ion-refresher>

Answer 3

使用enabled关键字代替ng-if

刷新器是否启用。这应该用来代替ngIf. 默认为true。