다른 컨트롤러에서 변수 값을 변경하여 내보기를 수정하려고 시도했지만 작동하지 않습니다 ...
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>
누군가 지팡이 나에게 도움이 여기 내 코드?
서비스를 이용하실 수 있습니다 –
예, 서비스가 더 적합 할 수 있습니다! 고마워요 :) – FBHY