diff options
| author | Peter Bacon Darwin | 2014-02-12 22:47:42 +0000 |
|---|---|---|
| committer | Peter Bacon Darwin | 2014-02-16 19:03:41 +0000 |
| commit | a564160511bf1bbed5a4fe5d2981fae1bb664eca (patch) | |
| tree | 16fe76a5c8a4e75c50db5f15224f1b954060cd38 /docs/content/guide/animations.ngdoc | |
| parent | 06f2ba899fac8ad004bf65dce39a3b05e2387c0f (diff) | |
| download | angular.js-a564160511bf1bbed5a4fe5d2981fae1bb664eca.tar.bz2 | |
docs(bike-shed-migration): fix url-based links refs to AUTO module
Diffstat (limited to 'docs/content/guide/animations.ngdoc')
| -rw-r--r-- | docs/content/guide/animations.ngdoc | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/docs/content/guide/animations.ngdoc b/docs/content/guide/animations.ngdoc index a9dd6ac6..0cf08eb7 100644 --- a/docs/content/guide/animations.ngdoc +++ b/docs/content/guide/animations.ngdoc @@ -11,7 +11,7 @@ triggered, will attempt to perform a CSS Transition, CSS Keyframe Animation or a placed on the given directive). Animations can be placed using vanilla CSS by following the naming conventions set in place by AngularJS or with JavaScript code when it's defined as a factory. -Animations are not available unless you include the {@link api/ngAnimate `ngAnimate` module} as a dependency within your application. +Animations are not available unless you include the {@link ngAnimate `ngAnimate` module} as a dependency within your application. Below is a quick example of animations being enabled for `ngShow` and `ngHide`: @@ -55,7 +55,7 @@ Below is a quick example of animations being enabled for `ngShow` and `ngHide`: ## Installation -See the {@link api/ngAnimate API docs for `ngAnimate`} for instructions on installing the module. +See the {@link ngAnimate API docs for `ngAnimate`} for instructions on installing the module. You may also want to setup a separate CSS file for defining CSS-based animations. @@ -253,15 +253,15 @@ The table below explains in detail which animation events are triggered | Directive | Supported Animations | |-------------------------------------------------------------------------------------|------------------------------------------| -| {@link api/ng.directive:ngRepeat#usage_animations ngRepeat} | enter, leave, and move | -| {@link api/ngRoute.directive:ngView#usage_animations ngView} | enter and leave | -| {@link api/ng.directive:ngInclude#usage_animations ngInclude} | enter and leave | -| {@link api/ng.directive:ngSwitch#usage_animations ngSwitch} | enter and leave | -| {@link api/ng.directive:ngIf#usage_animations ngIf} | enter and leave | -| {@link api/ng.directive:ngClass#usage_animations ngClass or {{class}}} | add and remove | -| {@link api/ng.directive:ngShow#usage_animations ngShow & ngHide} | add and remove (the ng-hide class value) | +| {@link ng.directive:ngRepeat#usage_animations ngRepeat} | enter, leave, and move | +| {@link ngRoute.directive:ngView#usage_animations ngView} | enter and leave | +| {@link ng.directive:ngInclude#usage_animations ngInclude} | enter and leave | +| {@link ng.directive:ngSwitch#usage_animations ngSwitch} | enter and leave | +| {@link ng.directive:ngIf#usage_animations ngIf} | enter and leave | +| {@link ng.directive:ngClass#usage_animations ngClass or {{class}}} | add and remove | +| {@link ng.directive:ngShow#usage_animations ngShow & ngHide} | add and remove (the ng-hide class value) | -For a full breakdown of the steps involved during each animation event, refer to the {@link api/ngAnimate.$animate API docs}. +For a full breakdown of the steps involved during each animation event, refer to the {@link ngAnimate.$animate API docs}. ## How do I use animations in my own directives? @@ -284,6 +284,6 @@ myModule.directive('my-directive', ['$animate', function($animate) { ## More about animations -For a full breakdown of each method available on `$animate`, see the {@link api/ngAnimate.$animate API documentation}. +For a full breakdown of each method available on `$animate`, see the {@link ngAnimate.$animate API documentation}. To see a complete demo, see the {@link tutorial/step_12 animation step within the AngularJS phonecat tutorial}. |