如何在另一個Controller中用$ scope變量修改視圖？

我嘗試修改我的視圖，更改我的變量值從另一個控制器，但它不工作...

我想顯示我的內容只有在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>

有人柺杖幫助我嗎？

來源

2016-06-10 FBHY

你可以使用它的服務 –

是的，也許服務更適合這個！謝謝:) – FBHY

變化renderContent在CommentsCtrl至$ rootScope財產

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

來源

2016-06-10 10:34:14 aseferov

謝謝！它的工作:) – FBHY

要麼使用$rootScope或service有一個控制器從另一個控制器的控制器。

來源

2016-06-13 13:43:55 Rohit

如何在另一個Controller中用$ scope變量修改視圖？

回答

相關問題