Question

如何在等待新闻源加载离子时显示微调器？

.controller('feedsctrl',['$scope','$http',function($scope,$http){
    $http.get('http://example.com/feeds.php').success(function(data){
           $scope.feeds=console.log(data) ;
           $scope.feeds=data;

           $scope.numberOfItemsToDisplay = 5; // Use it with limit to in ng-repeat
    $scope.addMoreItem = function(done) {
        if ($scope.feeds.length > $scope.numberOfItemsToDisplay)
            $scope.numberOfItemsToDisplay += 5; // load number of more items
            $scope.$broadcast('scroll.infiniteScrollComplete')
    }

HTML

<ion-infinite-scroll on-infinite="addMoreItem()" distance="1%" 
 ng-if="feeds.length > numberOfItemsToDisplay">
</ion-infinite-scroll>

Answer 1

在你的html中定义一个这样的微调器

<div ng-show="something">
        <img src="../../images/Splash_Screen_logo (2).png"  />

</div>

现在你的js最初把它变成假的

$scope.something=false;

当每个人都想加载新闻Feed时，请将其更改为true

$scope.something=true;

数据加载完成后再次将其指定为false

Answer 2

你的微调器指令（假设你有一个）应该有一个ngShow / ngHide / ngIf附加到一个布尔变量，最好是在服务中，但可以在{{1以及（或使用$scope事件从某处获取广播）。然后，您应该在开始加载Feed之前将变量切换为$scope.$on，并在加载后将其切换为true。

加载新Feed时显示微调器

2 个答案: