mirror of
https://github.com/zhigang1992/angular.js.git
synced 2026-04-24 03:55:49 +08:00
docs($animate): improve formatting of inline code
This commit is contained in:
Brian Ford
@@ -13,7 +13,7 @@
|
||||
* # Usage
|
||||
*
|
||||
* To see animations in action, all that is required is to define the appropriate CSS classes
|
||||
* or to register a JavaScript animation via the myModule.animation() function. The directives that support animation automatically are:
|
||||
* or to register a JavaScript animation via the `myModule.animation()` function. The directives that support animation automatically are:
|
||||
* `ngRepeat`, `ngInclude`, `ngIf`, `ngSwitch`, `ngShow`, `ngHide`, `ngView` and `ngClass`. Custom directives can take advantage of animation
|
||||
* by using the `$animate` service.
|
||||
*
|
||||
@@ -155,8 +155,8 @@
|
||||
* ### Structural transition animations
|
||||
*
|
||||
* Structural transitions (such as enter, leave and move) will always apply a `0s none` transition
|
||||
* value to force the browser into rendering the styles defined in the setup (.ng-enter, .ng-leave
|
||||
* or .ng-move) class. This means that any active transition animations operating on the element
|
||||
* value to force the browser into rendering the styles defined in the setup (`.ng-enter`, `.ng-leave`
|
||||
* or `.ng-move`) class. This means that any active transition animations operating on the element
|
||||
* will be cut off to make way for the enter, leave or move animation.
|
||||
*
|
||||
* ### Class-based transition animations
|
||||
@@ -871,22 +871,22 @@ angular.module('ngAnimate', ['ng'])
|
||||
*
|
||||
* Below is a breakdown of each step that occurs during the `animate` animation:
|
||||
*
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |-------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------|
|
||||
* | 1. $animate.animate(...) is called | class="my-animation" |
|
||||
* | 2. $animate waits for the next digest to start the animation | class="my-animation ng-animate" |
|
||||
* | 3. $animate runs the JavaScript-defined animations detected on the element | class="my-animation ng-animate" |
|
||||
* | 4. the className class value is added to the element | class="my-animation ng-animate className" |
|
||||
* | 5. $animate scans the element styles to get the CSS transition/animation duration and delay | class="my-animation ng-animate className" |
|
||||
* | 6. $animate blocks all CSS transitions on the element to ensure the .className class styling is applied right away| class="my-animation ng-animate className" |
|
||||
* | 7. $animate applies the provided collection of `from` CSS styles to the element | class="my-animation ng-animate className" |
|
||||
* | 8. $animate waits for a single animation frame (this performs a reflow) | class="my-animation ng-animate className" |
|
||||
* | 9. $animate removes the CSS transition block placed on the element | class="my-animation ng-animate className" |
|
||||
* | 10. the className-active class is added (this triggers the CSS transition/animation) | class="my-animation ng-animate className className-active" |
|
||||
* | 11. $animate applies the collection of `to` CSS styles to the element which are then handled by the transition | class="my-animation ng-animate className className-active" |
|
||||
* | 12. $animate waits for the animation to complete (via events and timeout) | class="my-animation ng-animate className className-active" |
|
||||
* | 13. The animation ends and all generated CSS classes are removed from the element | class="my-animation" |
|
||||
* | 14. The returned promise is resolved. | class="my-animation" |
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |-----------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------|
|
||||
* | 1. `$animate.animate(...)` is called | `class="my-animation"` |
|
||||
* | 2. `$animate` waits for the next digest to start the animation | `class="my-animation ng-animate"` |
|
||||
* | 3. `$animate` runs the JavaScript-defined animations detected on the element | `class="my-animation ng-animate"` |
|
||||
* | 4. the `className` class value is added to the element | `class="my-animation ng-animate className"` |
|
||||
* | 5. `$animate` scans the element styles to get the CSS transition/animation duration and delay | `class="my-animation ng-animate className"` |
|
||||
* | 6. `$animate` blocks all CSS transitions on the element to ensure the `.className` class styling is applied right away| `class="my-animation ng-animate className"` |
|
||||
* | 7. `$animate` applies the provided collection of `from` CSS styles to the element | `class="my-animation ng-animate className"` |
|
||||
* | 8. `$animate` waits for a single animation frame (this performs a reflow) | `class="my-animation ng-animate className"` |
|
||||
* | 9. `$animate` removes the CSS transition block placed on the element | `class="my-animation ng-animate className"` |
|
||||
* | 10. the `className-active` class is added (this triggers the CSS transition/animation) | `class="my-animation ng-animate className className-active"` |
|
||||
* | 11. `$animate` applies the collection of `to` CSS styles to the element which are then handled by the transition | `class="my-animation ng-animate className className-active"` |
|
||||
* | 12. `$animate` waits for the animation to complete (via events and timeout) | `class="my-animation ng-animate className className-active"` |
|
||||
* | 13. The animation ends and all generated CSS classes are removed from the element | `class="my-animation"` |
|
||||
* | 14. The returned promise is resolved. | `class="my-animation"` |
|
||||
*
|
||||
* @param {DOMElement} element the element that will be the focus of the enter animation
|
||||
* @param {object} from a collection of CSS styles that will be applied to the element at the start of the animation
|
||||
@@ -917,21 +917,21 @@ angular.module('ngAnimate', ['ng'])
|
||||
*
|
||||
* Below is a breakdown of each step that occurs during enter animation:
|
||||
*
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |-------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------|
|
||||
* | 1. $animate.enter(...) is called | class="my-animation" |
|
||||
* | 2. element is inserted into the parentElement element or beside the afterElement element | class="my-animation" |
|
||||
* | 3. $animate waits for the next digest to start the animation | class="my-animation ng-animate" |
|
||||
* | 4. $animate runs the JavaScript-defined animations detected on the element | class="my-animation ng-animate" |
|
||||
* | 5. the .ng-enter class is added to the element | class="my-animation ng-animate ng-enter" |
|
||||
* | 6. $animate scans the element styles to get the CSS transition/animation duration and delay | class="my-animation ng-animate ng-enter" |
|
||||
* | 7. $animate blocks all CSS transitions on the element to ensure the .ng-enter class styling is applied right away | class="my-animation ng-animate ng-enter" |
|
||||
* | 8. $animate waits for a single animation frame (this performs a reflow) | class="my-animation ng-animate ng-enter" |
|
||||
* | 9. $animate removes the CSS transition block placed on the element | class="my-animation ng-animate ng-enter" |
|
||||
* | 10. the .ng-enter-active class is added (this triggers the CSS transition/animation) | class="my-animation ng-animate ng-enter ng-enter-active" |
|
||||
* | 11. $animate waits for the animation to complete (via events and timeout) | class="my-animation ng-animate ng-enter ng-enter-active" |
|
||||
* | 12. The animation ends and all generated CSS classes are removed from the element | class="my-animation" |
|
||||
* | 13. The returned promise is resolved. | class="my-animation" |
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |-----------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------|
|
||||
* | 1. `$animate.enter(...)` is called | `class="my-animation"` |
|
||||
* | 2. element is inserted into the `parentElement` element or beside the `afterElement` element | `class="my-animation"` |
|
||||
* | 3. `$animate` waits for the next digest to start the animation | `class="my-animation ng-animate"` |
|
||||
* | 4. `$animate` runs the JavaScript-defined animations detected on the element | `class="my-animation ng-animate"` |
|
||||
* | 5. the `.ng-enter` class is added to the element | `class="my-animation ng-animate ng-enter"` |
|
||||
* | 6. `$animate` scans the element styles to get the CSS transition/animation duration and delay | `class="my-animation ng-animate ng-enter"` |
|
||||
* | 7. `$animate` blocks all CSS transitions on the element to ensure the `.ng-enter` class styling is applied right away | `class="my-animation ng-animate ng-enter"` |
|
||||
* | 8. `$animate` waits for a single animation frame (this performs a reflow) | `class="my-animation ng-animate ng-enter"` |
|
||||
* | 9. `$animate` removes the CSS transition block placed on the element | `class="my-animation ng-animate ng-enter"` |
|
||||
* | 10. the `.ng-enter-active` class is added (this triggers the CSS transition/animation) | `class="my-animation ng-animate ng-enter ng-enter-active"` |
|
||||
* | 11. `$animate` waits for the animation to complete (via events and timeout) | `class="my-animation ng-animate ng-enter ng-enter-active"` |
|
||||
* | 12. The animation ends and all generated CSS classes are removed from the element | `class="my-animation"` |
|
||||
* | 13. The returned promise is resolved. | `class="my-animation"` |
|
||||
*
|
||||
* @param {DOMElement} element the element that will be the focus of the enter animation
|
||||
* @param {DOMElement} parentElement the parent element of the element that will be the focus of the enter animation
|
||||
@@ -963,21 +963,21 @@ angular.module('ngAnimate', ['ng'])
|
||||
*
|
||||
* Below is a breakdown of each step that occurs during leave animation:
|
||||
*
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |-------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------|
|
||||
* | 1. $animate.leave(...) is called | class="my-animation" |
|
||||
* | 2. $animate runs the JavaScript-defined animations detected on the element | class="my-animation ng-animate" |
|
||||
* | 3. $animate waits for the next digest to start the animation | class="my-animation ng-animate" |
|
||||
* | 4. the .ng-leave class is added to the element | class="my-animation ng-animate ng-leave" |
|
||||
* | 5. $animate scans the element styles to get the CSS transition/animation duration and delay | class="my-animation ng-animate ng-leave" |
|
||||
* | 6. $animate blocks all CSS transitions on the element to ensure the .ng-leave class styling is applied right away | class="my-animation ng-animate ng-leave" |
|
||||
* | 7. $animate waits for a single animation frame (this performs a reflow) | class="my-animation ng-animate ng-leave" |
|
||||
* | 8. $animate removes the CSS transition block placed on the element | class="my-animation ng-animate ng-leave" |
|
||||
* | 9. the .ng-leave-active class is added (this triggers the CSS transition/animation) | class="my-animation ng-animate ng-leave ng-leave-active" |
|
||||
* | 10. $animate waits for the animation to complete (via events and timeout) | class="my-animation ng-animate ng-leave ng-leave-active" |
|
||||
* | 11. The animation ends and all generated CSS classes are removed from the element | class="my-animation" |
|
||||
* | 12. The element is removed from the DOM | ... |
|
||||
* | 13. The returned promise is resolved. | ... |
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |-----------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------|
|
||||
* | 1. `$animate.leave(...)` is called | `class="my-animation"` |
|
||||
* | 2. `$animate` runs the JavaScript-defined animations detected on the element | `class="my-animation ng-animate"` |
|
||||
* | 3. `$animate` waits for the next digest to start the animation | `class="my-animation ng-animate"` |
|
||||
* | 4. the `.ng-leave` class is added to the element | `class="my-animation ng-animate ng-leave"` |
|
||||
* | 5. `$animate` scans the element styles to get the CSS transition/animation duration and delay | `class="my-animation ng-animate ng-leave"` |
|
||||
* | 6. `$animate` blocks all CSS transitions on the element to ensure the `.ng-leave` class styling is applied right away | `class="my-animation ng-animate ng-leave"` |
|
||||
* | 7. `$animate` waits for a single animation frame (this performs a reflow) | `class="my-animation ng-animate ng-leave"` |
|
||||
* | 8. `$animate` removes the CSS transition block placed on the element | `class="my-animation ng-animate ng-leave"` |
|
||||
* | 9. the `.ng-leave-active` class is added (this triggers the CSS transition/animation) | `class="my-animation ng-animate ng-leave ng-leave-active"` |
|
||||
* | 10. `$animate` waits for the animation to complete (via events and timeout) | `class="my-animation ng-animate ng-leave ng-leave-active"` |
|
||||
* | 11. The animation ends and all generated CSS classes are removed from the element | `class="my-animation"` |
|
||||
* | 12. The element is removed from the DOM | ... |
|
||||
* | 13. The returned promise is resolved. | ... |
|
||||
*
|
||||
* @param {DOMElement} element the element that will be the focus of the leave animation
|
||||
* @param {object=} options an optional collection of styles that will be picked up by the CSS transition/animation
|
||||
@@ -1008,21 +1008,21 @@ angular.module('ngAnimate', ['ng'])
|
||||
*
|
||||
* Below is a breakdown of each step that occurs during move animation:
|
||||
*
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------|
|
||||
* | 1. $animate.move(...) is called | class="my-animation" |
|
||||
* | 2. element is moved into the parentElement element or beside the afterElement element | class="my-animation" |
|
||||
* | 3. $animate waits for the next digest to start the animation | class="my-animation ng-animate" |
|
||||
* | 4. $animate runs the JavaScript-defined animations detected on the element | class="my-animation ng-animate" |
|
||||
* | 5. the .ng-move class is added to the element | class="my-animation ng-animate ng-move" |
|
||||
* | 6. $animate scans the element styles to get the CSS transition/animation duration and delay | class="my-animation ng-animate ng-move" |
|
||||
* | 7. $animate blocks all CSS transitions on the element to ensure the .ng-move class styling is applied right away | class="my-animation ng-animate ng-move" |
|
||||
* | 8. $animate waits for a single animation frame (this performs a reflow) | class="my-animation ng-animate ng-move" |
|
||||
* | 9. $animate removes the CSS transition block placed on the element | class="my-animation ng-animate ng-move" |
|
||||
* | 10. the .ng-move-active class is added (this triggers the CSS transition/animation) | class="my-animation ng-animate ng-move ng-move-active" |
|
||||
* | 11. $animate waits for the animation to complete (via events and timeout) | class="my-animation ng-animate ng-move ng-move-active" |
|
||||
* | 12. The animation ends and all generated CSS classes are removed from the element | class="my-animation" |
|
||||
* | 13. The returned promise is resolved. | class="my-animation" |
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |----------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------|
|
||||
* | 1. `$animate.move(...)` is called | `class="my-animation"` |
|
||||
* | 2. element is moved into the parentElement element or beside the afterElement element | `class="my-animation"` |
|
||||
* | 3. `$animate` waits for the next digest to start the animation | `class="my-animation ng-animate"` |
|
||||
* | 4. `$animate` runs the JavaScript-defined animations detected on the element | `class="my-animation ng-animate"` |
|
||||
* | 5. the `.ng-move` class is added to the element | `class="my-animation ng-animate ng-move"` |
|
||||
* | 6. `$animate` scans the element styles to get the CSS transition/animation duration and delay | `class="my-animation ng-animate ng-move"` |
|
||||
* | 7. `$animate` blocks all CSS transitions on the element to ensure the `.ng-move` class styling is applied right away | `class="my-animation ng-animate ng-move"` |
|
||||
* | 8. `$animate` waits for a single animation frame (this performs a reflow) | `class="my-animation ng-animate ng-move"` |
|
||||
* | 9. `$animate` removes the CSS transition block placed on the element | `class="my-animation ng-animate ng-move"` |
|
||||
* | 10. the `.ng-move-active` class is added (this triggers the CSS transition/animation) | `class="my-animation ng-animate ng-move ng-move-active"` |
|
||||
* | 11. `$animate` waits for the animation to complete (via events and timeout) | `class="my-animation ng-animate ng-move ng-move-active"` |
|
||||
* | 12. The animation ends and all generated CSS classes are removed from the element | `class="my-animation"` |
|
||||
* | 13. The returned promise is resolved. | `class="my-animation"` |
|
||||
*
|
||||
* @param {DOMElement} element the element that will be the focus of the move animation
|
||||
* @param {DOMElement} parentElement the parentElement element of the element that will be the focus of the move animation
|
||||
@@ -1056,18 +1056,18 @@ angular.module('ngAnimate', ['ng'])
|
||||
*
|
||||
* Below is a breakdown of each step that occurs during addClass animation:
|
||||
*
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |----------------------------------------------------------------------------------------------------|------------------------------------------------------------------|
|
||||
* | 1. $animate.addClass(element, 'super') is called | class="my-animation" |
|
||||
* | 2. $animate runs the JavaScript-defined animations detected on the element | class="my-animation ng-animate" |
|
||||
* | 3. the .super-add class is added to the element | class="my-animation ng-animate super-add" |
|
||||
* | 4. $animate waits for a single animation frame (this performs a reflow) | class="my-animation ng-animate super-add" |
|
||||
* | 5. the .super and .super-add-active classes are added (this triggers the CSS transition/animation) | class="my-animation ng-animate super super-add super-add-active" |
|
||||
* | 6. $animate scans the element styles to get the CSS transition/animation duration and delay | class="my-animation ng-animate super super-add super-add-active" |
|
||||
* | 7. $animate waits for the animation to complete (via events and timeout) | class="my-animation ng-animate super super-add super-add-active" |
|
||||
* | 8. The animation ends and all generated CSS classes are removed from the element | class="my-animation super" |
|
||||
* | 9. The super class is kept on the element | class="my-animation super" |
|
||||
* | 10. The returned promise is resolved. | class="my-animation super" |
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |--------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------|
|
||||
* | 1. `$animate.addClass(element, 'super')` is called | `class="my-animation"` |
|
||||
* | 2. `$animate` runs the JavaScript-defined animations detected on the element | `class="my-animation ng-animate"` |
|
||||
* | 3. the `.super-add` class is added to the element | `class="my-animation ng-animate super-add"` |
|
||||
* | 4. `$animate` waits for a single animation frame (this performs a reflow) | `class="my-animation ng-animate super-add"` |
|
||||
* | 5. the `.super` and `.super-add-active` classes are added (this triggers the CSS transition/animation) | `class="my-animation ng-animate super super-add super-add-active"` |
|
||||
* | 6. `$animate` scans the element styles to get the CSS transition/animation duration and delay | `class="my-animation ng-animate super super-add super-add-active"` |
|
||||
* | 7. `$animate` waits for the animation to complete (via events and timeout) | `class="my-animation ng-animate super super-add super-add-active"` |
|
||||
* | 8. The animation ends and all generated CSS classes are removed from the element | `class="my-animation super"` |
|
||||
* | 9. The super class is kept on the element | `class="my-animation super"` |
|
||||
* | 10. The returned promise is resolved. | `class="my-animation super"` |
|
||||
*
|
||||
* @param {DOMElement} element the element that will be animated
|
||||
* @param {string} className the CSS class that will be added to the element and then animated
|
||||
@@ -1090,17 +1090,17 @@ angular.module('ngAnimate', ['ng'])
|
||||
*
|
||||
* Below is a breakdown of each step that occurs during removeClass animation:
|
||||
*
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------|
|
||||
* | 1. $animate.removeClass(element, 'super') is called | class="my-animation super" |
|
||||
* | 2. $animate runs the JavaScript-defined animations detected on the element | class="my-animation super ng-animate" |
|
||||
* | 3. the .super-remove class is added to the element | class="my-animation super ng-animate super-remove" |
|
||||
* | 4. $animate waits for a single animation frame (this performs a reflow) | class="my-animation super ng-animate super-remove" |
|
||||
* | 5. the .super-remove-active classes are added and .super is removed (this triggers the CSS transition/animation) | class="my-animation ng-animate super-remove super-remove-active" |
|
||||
* | 6. $animate scans the element styles to get the CSS transition/animation duration and delay | class="my-animation ng-animate super-remove super-remove-active" |
|
||||
* | 7. $animate waits for the animation to complete (via events and timeout) | class="my-animation ng-animate super-remove super-remove-active" |
|
||||
* | 8. The animation ends and all generated CSS classes are removed from the element | class="my-animation" |
|
||||
* | 9. The returned promise is resolved. | class="my-animation" |
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |----------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------|
|
||||
* | 1. `$animate.removeClass(element, 'super')` is called | `class="my-animation super"` |
|
||||
* | 2. `$animate` runs the JavaScript-defined animations detected on the element | `class="my-animation super ng-animate"` |
|
||||
* | 3. the `.super-remove` class is added to the element | `class="my-animation super ng-animate super-remove"` |
|
||||
* | 4. `$animate` waits for a single animation frame (this performs a reflow) | `class="my-animation super ng-animate super-remove"` |
|
||||
* | 5. the `.super-remove-active` classes are added and `.super` is removed (this triggers the CSS transition/animation) | `class="my-animation ng-animate super-remove super-remove-active"` |
|
||||
* | 6. `$animate` scans the element styles to get the CSS transition/animation duration and delay | `class="my-animation ng-animate super-remove super-remove-active"` |
|
||||
* | 7. `$animate` waits for the animation to complete (via events and timeout) | `class="my-animation ng-animate super-remove super-remove-active"` |
|
||||
* | 8. The animation ends and all generated CSS classes are removed from the element | `class="my-animation"` |
|
||||
* | 9. The returned promise is resolved. | `class="my-animation"` |
|
||||
*
|
||||
*
|
||||
* @param {DOMElement} element the element that will be animated
|
||||
@@ -1118,19 +1118,19 @@ angular.module('ngAnimate', ['ng'])
|
||||
* @name $animate#setClass
|
||||
*
|
||||
* @description Adds and/or removes the given CSS classes to and from the element.
|
||||
* Once complete, the done() callback will be fired (if provided).
|
||||
* Once complete, the `done()` callback will be fired (if provided).
|
||||
*
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |--------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------|
|
||||
* | 1. $animate.setClass(element, 'on', 'off') is called | class="my-animation off" |
|
||||
* | 2. $animate runs the JavaScript-defined animations detected on the element | class="my-animation ng-animate off" |
|
||||
* | 3. the .on-add and .off-remove classes are added to the element | class="my-animation ng-animate on-add off-remove off" |
|
||||
* | 4. $animate waits for a single animation frame (this performs a reflow) | class="my-animation ng-animate on-add off-remove off" |
|
||||
* | 5. the .on, .on-add-active and .off-remove-active classes are added and .off is removed (this triggers the CSS transition/animation) | class="my-animation ng-animate on on-add on-add-active off-remove off-remove-active" |
|
||||
* | 6. $animate scans the element styles to get the CSS transition/animation duration and delay | class="my-animation ng-animate on on-add on-add-active off-remove off-remove-active" |
|
||||
* | 7. $animate waits for the animation to complete (via events and timeout) | class="my-animation ng-animate on on-add on-add-active off-remove off-remove-active" |
|
||||
* | 8. The animation ends and all generated CSS classes are removed from the element | class="my-animation on" |
|
||||
* | 9. The returned promise is resolved. | class="my-animation on" |
|
||||
* | Animation Step | What the element class attribute looks like |
|
||||
* |----------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------|
|
||||
* | 1. `$animate.setClass(element, 'on', 'off')` is called | `class="my-animation off"` |
|
||||
* | 2. `$animate` runs the JavaScript-defined animations detected on the element | `class="my-animation ng-animate off"` |
|
||||
* | 3. the `.on-add` and `.off-remove` classes are added to the element | `class="my-animation ng-animate on-add off-remove off"` |
|
||||
* | 4. `$animate` waits for a single animation frame (this performs a reflow) | `class="my-animation ng-animate on-add off-remove off"` |
|
||||
* | 5. the `.on`, `.on-add-active` and `.off-remove-active` classes are added and `.off` is removed (this triggers the CSS transition/animation) | `class="my-animation ng-animate on on-add on-add-active off-remove off-remove-active"` |
|
||||
* | 6. `$animate` scans the element styles to get the CSS transition/animation duration and delay | `class="my-animation ng-animate on on-add on-add-active off-remove off-remove-active"` |
|
||||
* | 7. `$animate` waits for the animation to complete (via events and timeout) | `class="my-animation ng-animate on on-add on-add-active off-remove off-remove-active"` |
|
||||
* | 8. The animation ends and all generated CSS classes are removed from the element | `class="my-animation on"` |
|
||||
* | 9. The returned promise is resolved. | `class="my-animation on"` |
|
||||
*
|
||||
* @param {DOMElement} element the element which will have its CSS classes changed
|
||||
* removed from it
|
||||
@@ -1268,7 +1268,7 @@ angular.module('ngAnimate', ['ng'])
|
||||
all animations call this shared animation triggering function internally.
|
||||
The animationEvent variable refers to the JavaScript animation event that will be triggered
|
||||
and the className value is the name of the animation that will be applied within the
|
||||
CSS code. Element, parentElement and afterElement are provided DOM elements for the animation
|
||||
CSS code. Element, `parentElement` and `afterElement` are provided DOM elements for the animation
|
||||
and the onComplete callback will be fired once the animation is fully complete.
|
||||
*/
|
||||
function performAnimation(animationEvent, className, element, parentElement, afterElement, domOperation, options, doneCallback) {
|
||||
|
||||
Reference in New Issue
Block a user