在加载新饲料时显示微调器

如何在等待新闻饲料加载到离子模式时显示微调器？在加载新饲料时显示微调器

.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>

来源

2016-07-11 neiza

您可以隐藏供稿视图并显示包含加载屏幕的div，直到您的请求的回调完成，然后再次显示供稿视图隐藏加载屏幕中的回调完成部分代码。 –

在HTML

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

</div>

现在在你的js

定义这样的微调最初使假

$scope.something=false;

时everyou希望加载新闻提要然后改变它您的数据加载完成后，真正

$scope.something=true;

再次将其分配给假

来源

2016-07-11 12:53:05

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

来源

2016-07-11 12:54:46 GMaiolo

在加载新饲料时显示微调器

回答

相关问题