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

我正在尝试重定向到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>

---

请让我知道是否有这样做的方法。

你是指整个网页还是仅指控制器？我指的是整个网页

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";
            }
    });
});