Skip to content
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

Commit 7dd94b9

Browse files
gkalpakpetebacondarwin
gkalpak
authored and
petebacondarwin
committed
docs(ngAnimate.$animate): fix classes during the various animation phases
Closes #10124
1 parent 95f8a8b commit 7dd94b9

File tree

1 file changed

+12
-12
lines changed

1 file changed

+12
-12
lines changed

‎src/ngAnimate/animate.js

+12-12
Original file line numberDiff line numberDiff line change
@@ -970,9 +970,9 @@ angular.module('ngAnimate', ['ng'])
970970
* | 3. $animate waits for the next digest to start the animation | class="my-animation ng-animate" |
971971
* | 4. the .ng-leave class is added to the element | class="my-animation ng-animate ng-leave" |
972972
* | 5. $animate scans the element styles to get the CSS transition/animation duration and delay | class="my-animation ng-animate ng-leave" |
973-
* | 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” |
973+
* | 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" |
974974
* | 7. $animate waits for a single animation frame (this performs a reflow) | class="my-animation ng-animate ng-leave" |
975-
* | 8. $animate removes the CSS transition block placed on the element | class="my-animation ng-animate ng-leave” |
975+
* | 8. $animate removes the CSS transition block placed on the element | class="my-animation ng-animate ng-leave" |
976976
* | 9. the .ng-leave-active class is added (this triggers the CSS transition/animation) | class="my-animation ng-animate ng-leave ng-leave-active" |
977977
* | 10. $animate waits for the animation to complete (via events and timeout) | class="my-animation ng-animate ng-leave ng-leave-active" |
978978
* | 11. The animation ends and all generated CSS classes are removed from the element | class="my-animation" |
@@ -1016,9 +1016,9 @@ angular.module('ngAnimate', ['ng'])
10161016
* | 4. $animate runs the JavaScript-defined animations detected on the element | class="my-animation ng-animate" |
10171017
* | 5. the .ng-move class is added to the element | class="my-animation ng-animate ng-move" |
10181018
* | 6. $animate scans the element styles to get the CSS transition/animation duration and delay | class="my-animation ng-animate ng-move" |
1019-
* | 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” |
1019+
* | 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" |
10201020
* | 8. $animate waits for a single animation frame (this performs a reflow) | class="my-animation ng-animate ng-move" |
1021-
* | 9. $animate removes the CSS transition block placed on the element | class="my-animation ng-animate ng-move” |
1021+
* | 9. $animate removes the CSS transition block placed on the element | class="my-animation ng-animate ng-move" |
10221022
* | 10. the .ng-move-active class is added (this triggers the CSS transition/animation) | class="my-animation ng-animate ng-move ng-move-active" |
10231023
* | 11. $animate waits for the animation to complete (via events and timeout) | class="my-animation ng-animate ng-move ng-move-active" |
10241024
* | 12. The animation ends and all generated CSS classes are removed from the element | class="my-animation" |
@@ -1063,8 +1063,8 @@ angular.module('ngAnimate', ['ng'])
10631063
* | 3. the .super-add class is added to the element | class="my-animation ng-animate super-add" |
10641064
* | 4. $animate waits for a single animation frame (this performs a reflow) | class="my-animation ng-animate super-add" |
10651065
* | 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" |
1066-
* | 6. $animate scans the element styles to get the CSS transition/animation duration and delay | class="my-animation ng-animate super-add" |
1067-
* | 7. $animate waits for the animation to complete (via events and timeout) | class="my-animation super super-add super-add-active" |
1066+
* | 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" |
1067+
* | 7. $animate waits for the animation to complete (via events and timeout) | class="my-animation ng-animate super super-add super-add-active" |
10681068
* | 8. The animation ends and all generated CSS classes are removed from the element | class="my-animation super" |
10691069
* | 9. The super class is kept on the element | class="my-animation super" |
10701070
* | 10. The returned promise is resolved. | class="my-animation super" |
@@ -1097,7 +1097,7 @@ angular.module('ngAnimate', ['ng'])
10971097
* | 3. the .super-remove class is added to the element | class="my-animation super ng-animate super-remove" |
10981098
* | 4. $animate waits for a single animation frame (this performs a reflow) | class="my-animation super ng-animate super-remove" |
10991099
* | 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" |
1100-
* | 6. $animate scans the element styles to get the CSS transition/animation duration and delay | class="my-animation super ng-animate super-remove" |
1100+
* | 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" |
11011101
* | 7. $animate waits for the animation to complete (via events and timeout) | class="my-animation ng-animate super-remove super-remove-active" |
11021102
* | 8. The animation ends and all generated CSS classes are removed from the element | class="my-animation" |
11031103
* | 9. The returned promise is resolved. | class="my-animation" |
@@ -1122,11 +1122,11 @@ angular.module('ngAnimate', ['ng'])
11221122
*
11231123
* | Animation Step | What the element class attribute looks like |
11241124
* |--------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------|
1125-
* | 1. $animate.removeClass(element, ‘on’, ‘off’) is called | class="my-animation super off” |
1126-
* | 2. $animate runs the JavaScript-defined animations detected on the element | class="my-animation super ng-animate off” |
1127-
* | 3. the .on-add and .off-remove classes are added to the element | class="my-animation ng-animate on-add off-remove off” |
1128-
* | 4. $animate waits for a single animation frame (this performs a reflow) | class="my-animation ng-animate on-add off-remove off” |
1129-
* | 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” |
1125+
* | 1. $animate.setClass(element, 'on', 'off') is called | class="my-animation off" |
1126+
* | 2. $animate runs the JavaScript-defined animations detected on the element | class="my-animation ng-animate off" |
1127+
* | 3. the .on-add and .off-remove classes are added to the element | class="my-animation ng-animate on-add off-remove off" |
1128+
* | 4. $animate waits for a single animation frame (this performs a reflow) | class="my-animation ng-animate on-add off-remove off" |
1129+
* | 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" |
11301130
* | 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" |
11311131
* | 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" |
11321132
* | 8. The animation ends and all generated CSS classes are removed from the element | class="my-animation on" |

0 commit comments

Comments
 (0)