保持微调器旋转，直到页面未加载Angularjs

Question

我正在尝试重定向到HTML页面。加载文档需要一些时间。我放置一个微调器图标，直到页面未加载。但它只显示了一段时间，它就消失了。

我们有什么方法可以让它保持不变直到整个页面都没有加载？

这是我的代码的样子：

 <div class="login-form">
            <input type="email" class="text-input--underbar" placeholder="Email" value="">
            <input type="password" class="text-input--underbar" placeholder="Password" value="">
            <br><br>
            <ons-button modifier="large" class="login-button" ng-click="firstpage()">Log In</ons-button>
            <br><br>
            <ons-button modifier="quiet" class="forgot-password">Forgot password?</ons-button>
            <br><br>
            <ons-icon icon="spinner" class="spinner" size="40px" spin="true"  fixed-width="true" ng-show="spinner"></ons-icon>
          </div>

这是JS

var module = angular.module('app', ['onsen']);
module.controller('PageController', function($scope) {
ons.ready(function() {

            $scope.spinner = false;
            $scope.firstpage = function(){
                $scope.spinner = true;
                window.location = "firstpage.html";
            }
    });
});

如果有这样的话，请告诉我。