2017-11-16 24 views

답변

1

이있는 경우 기본 애니메이션 물건 작업을 시작 싶어, 용서, 당신은 Animation을 알 수 있습니다.

HTML :

<div ng-controller="myCtrl"> 
<button ng-click="hideStuff()">Click me!</button> 
<div class="default" ng-hide="hidden" ng-class="{fade: 
    startFade}">This will get hidden!</div> 
</div> 

CSS :

.default{ 
    opacity: 1; 
} 

.fade{ 
     -webkit-transition: opacity 2s; /* For Safari 3.1 to 6.0 */ 
     transition: opacity 2s; 
     opacity: 0; 
} 

각도 :

var myApp = angular.module('myApp',[]); 

myApp.controller("myCtrl", function($scope, $timeout){ 
    $scope.hideStuff = function() { 
     $scope.startFade = true; 
     $timeout(function(){ 
      $scope.hidden = true; 
     }, 2000); 

    }; 

}); 

기본은 예를 페이드 아웃