离子选项卡，如何在选项卡上显示微调器？

Question

我对ionic v.1真的很陌生。我想要做的是，每次选项卡更改它将显示一个微调器1秒。我不知道该怎么做。但是在angularjs v.1.6.x中代码如下：

普通angularjs v.1.6.x中的Index.html

<div ng-view ng-show="statechange"></div>

<!-- show loader after statechange -->
<div ng-show="!statechange" wp-resolve>
     <div id="_loader_"><i class="fa fa-spin fa-circle-o-notch fa-lg" aria-hidden="true"></i></div>
</div>

angularjs代码

app.directive('wpResolve', function($rootScope){
return{
    link: function(scope, element){
        $rootScope.statechange = true;
        var unregister = $rootScope.$on('$routeChangeStart', function(){
            $rootScope.statechange = false;
        });
        scope.$on('$destroy', unregister);
    }
   };
});

//in my app.config()

$routeProvider
.when('/',{
    templateUrl: '_routes/home',
    controller: 'homectrl',
    resolve: {
        delay: function($q, $timeout){
            var delay = $q.defer();
            $timeout(delay.resolve, 1000);
            return delay.promise;
        }
    }
}); ...

那是普通的angularjs v.1.6.x代码！但在离子方面，它使用angularjs v.1.5.3。以下是标签更改的代码：

 .state('tab', {
url: '/tab',
abstract: true,
templateUrl: 'templates/tabs.html'

  });

谢谢！我想做的是和angularjs v.1.6.x代码一样！就像显示每个标签更改的微调器一样。怎么做？