각도 j를 사용하는 애니메이션 효과

Question

각도의 애니메이션 방법이 있습니까?

나는 클릭 할 때 컨테이너를 보여주는 버튼이 있으며 천천히 부드럽게 움직여야합니다.

이것은 내가 시도한 것이며, 나는 모든 애니메이션 방법을 시도했다.

HTML :

<button ng-click="toggle = !toggle">{{toggleText}}</button> 
<div class="box on" ng-show="toggle" ng-animate="'box'"> 
    Hai I am Hiding Hai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am HidingHai I am Hiding.... 
</div> 

JS는 :

var app = angular.module('my-app', [], function() { 

}) 

app.controller('AppController', function ($scope) { 
    $scope.toggle = true; 

    $scope.$watch('toggle', function(){ 
     $scope.toggleText = $scope.toggle ? 'Toggle!' : 'some text'; 
    }) 
}) 

JS fiddle

Answer 1

예, 모듈 ng-animate있다.

문서의 첫 번째 예는 달성하려는 작업을 정확하게 수행합니다.