Question

我使用基本的angular.js概念来显示和隐藏div。由于某些原因，我无法使其工作。在上传文件时，我在registerStart值的基础上显示div'myFormSpinner'。我正在创建一个手机间隙应用程序。

有人可以帮助我找到问题。除了显示/隐藏div外，一切正常。以下是代码段：

 <div class="row" ng-controller="RegisterCtrl">  
 <div id="myFormSpinner"  ng-show="registerStart"> 
     <img src="img/ajax-loader.gif"> 
 </div> 
 <div class="col-md-8"> 
     <form class="ng-pristine ng-invalid ng-invalid-required" style="margin-top:5%;"> 
           <div class="col-md-6"> 
                  <input class="form-control " type="text" ng-model="registerData.Email" id="Email" name="Email" required placeholder="Email"> 
             </div> 
                <div class="col-md-offset-1 col-md-10 "> 
                   <input type="submit" ng-click="register()" value="Register" class="btn btn-default btn-primary"> 
                </div> 
     </form> 
 </div>

event.controller('RegisterCtrl',    ['$scope', '$state', '$q', '$http', 'eventService', 'authService', '$stateParams', '$rootScope', 'tokenService', 'imageService', 'spinnerService', 'appBackgroundService', 
function ($scope, $state, $q, $http, eventService, authService, $stateParams, $rootScope, tokenService, imageService, spinnerService, appBackgroundService) { 
var userNumber = 0; 
$scope.mediaUploadStart = false; 
$scope.eventId = $state.params.id; 

 $scope.register = function () { 
     $scope.registerStart = true; 
     console.log('scope.Pic=' + $scope.pic); 
     if ($scope.registerData.Email) { 

         spinnerService.show('myFormSpinner'); 
         $scope.mediaUploadStart = true; 
         var paramOptions = { 
             eventId: $state.params.id, 
             email: $scope.registerData.Email, 
             fb: {}, 
             number: userNumber, 
             provider: "Form" 
         }; 
         uploadPicAndData(paramOptions).then(function (result) { 
             var data = JSON.parse(result); 
             $scope.registerStart = false; 
             appBackgroundService.disableBackgroundMode(); 
         }, 
             function (error) { 
                 spinnerService.hide('myFormSpinner'); 
                 $scope.registerStart = false; 
                 appBackgroundService.disableBackgroundMode(); 
             }); 
         $scope.mediaUploadStart = false; 
         spinnerService.hide('myFormSpinner'); 
     } 
          }; 
 }])

Angularjs范围不起作用

0 个答案: