javascript - Animate effect using angular js -

javascript - Animate effect using angular js -

is there animate method in angular.

i have button shows container on click, transition should smooth , slow.

this have tried, dint tried animate method.

html:

<button ng-click="toggle = !toggle">{{toggletext}}</button> <div class="box on" ng-show="toggle" ng-animate="'box'"> hai hiding hai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai hidinghai 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

yes, there module ng-animate.

and first illustration in documentation trying achieve.

javascript jquery angularjs ng-animate