离子复习 - 旋转器没有显示

Question

我对ion-spinner感到有疑问。

拉动文字和图标显示：

但是当我释放它时，旋转器应该保持空白的区域。

我的ion-refresher就像这样

<ion-refresher
        pulling-text="Pull to refresh..."
        on-refresh="doRefresh()"
        spinner="crescent">
</ion-refresher>

doRefresh（）函数

$scope.doRefresh = function() {
    Entry.all().$promise.then(function(data) {
        $scope.logs = data;
        $scope.$broadcast('scroll.refreshComplete');
    });
}

发生了什么事？

更新

我测试了每个微调器，唯一一个工作的是spiral但是太大了。只有大约一半的微调器是可见的

根据文档http://ionicframework.com/docs/api/directive/ionRefresher/，ionSpinner应该有效

Answer 1

老问题，但我遇到了同样的问题，我找到了解决方案。 旋转器一直在那里，但它是白色的，所以你不能用白色背景看到它。要解决此问题，请将以下代码添加到CSS文件中，替换＆＃34; skyblue＆＃34;用你选择的颜色。

.spinner svg {
  stroke: skyblue;
  fill: skyblue;
}

此外，这是我的离子复习。

<ion-refresher on-refresh="collectFeed()" pulling-text="Pull to refresh" spinner="ios-small"></ion-refresher>

Answer 2

如果其他人遇到此问题，对我来说，此问题已解决：

ion-refresher {
  z-index: 10;
}

Answer 3

这很可能为时已晚，但这件事发生在我身上。基本上我在css文件中覆盖了.spnner svg {}而忘记了。因此，所有后来装载的旋转器都保持相同的高度和宽度。

Answer 4

您需要确保<ion-refresher>位于<ion-content>的正下方。

Answer 5

所有微调器的行为在离子中都不是持久性的，您可以使用其他微调器，如android，spiral等，看看哪些适合您。

Answer 6

<span>
<ion-refresher
        pulling-text="Pull to refresh..."
        on-refresh="doRefresh()"
        spinner="crescent">
</ion-refresher>
<span>