2016-06-10 3 views
0

다른 컨트롤러에서 변수 값을 변경하여 내보기를 수정하려고 시도했지만 작동하지 않습니다 ...

CSS 애니메이션이 끝난 후에 만 ​​내 콘텐트를 표시하고 싶습니다.

.controller('AppCtrl', function($scope, $rootScope, $state, $ionicPopup, AuthService, AUTH_EVENTS) { 
    $scope.showLoader = function(){ 
    var loader = document.getElementById("loader"); 
    loader.style.zIndex = "9"; 
    loader.style.opacity = "1"; 
    var loading = loader.getElementsByClassName("loading")[0]; 
    loading.className = "loading animated bounceInDown"; 
    } 

    $scope.hideLoader = function(){ 
    var loader = document.getElementById("loader"); 
    var loading = loader.getElementsByClassName("loading")[0]; 
    angular.element(document.querySelector('#loader .loading')).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ 
     loading.className = "loading animated bounceOutDown"; 
     angular.element(document.querySelector('#loader .loading')).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ 
     loader.style.zIndex = "-1"; 
     loader.style.opacity = "0"; 
     $rootScope.$apply(function() { 
      $rootScope.renderContent = true; 
     }); 
     }); 
    }); 
    } 
} 

.controller('CommentsCtrl', function($scope, $rootScope, $state, $http, $ionicPopup, AuthService, WebServices, $stateParams) { 
    $scope.renderContent = false; 
    $scope.showLoader(); 
    $scope.hideLoader(); 
} 

그리고보기 :

<ion-view view-title="Waiting comments" name="dashboard-view"> 
    <ion-content has-header="true"> 
    <div ng-show="renderContent"> 
     <ion-list> 
     Animation finished! 
     </ion-list> 
    </div> 
    </ion-content> 
</ion-view> 

누군가 지팡이 나에게 도움이 여기 내 코드?

+0

서비스를 이용하실 수 있습니다 –

+0

예, 서비스가 더 적합 할 수 있습니다! 고마워요 :) – FBHY

답변

1

.controller('CommentsCtrl', function($scope, $rootScope, $state, $http, $ionicPopup, AuthService, WebServices, $stateParams) { 
    $rootScope.renderContent = false; 
    $scope.showLoader(); 
    $scope.hideLoader(); 
} 
+0

고마워요! 그것은 작동합니다 :) – FBHY

0
$rootScope

하나가 service 또는 다른 제어기로부터 하나의 제어기의 제어를 위해 사용 $ rootScope 속성 CommentsCtrl 변화 renderContent.

관련 문제