Update Angular to 1.2.0 RC2
This commit is contained in:
parent
7416269494
commit
0d3a40980e
184 changed files with 17993 additions and 21133 deletions
|
@ -1,4 +1,4 @@
|
|||
<a href="http://github.com/angular/angular.js/tree/v1.2.0rc1/src/ngAnimate/animate.js#L236" class="view-source btn btn-action"><i class="icon-zoom-in"> </i> View source</a><a href="http://github.com/angular/angular.js/edit/master/src/ngAnimate/animate.js" class="improve-docs btn btn-primary"><i class="icon-edit"> </i> Improve this doc</a><h1><code ng:non-bindable="">$animate</code>
|
||||
<a href="http://github.com/angular/angular.js/tree/v1.2.0rc1/src/ngAnimate/animate.js#L233" class="view-source btn btn-action"><i class="icon-zoom-in"> </i> View source</a><a href="http://github.com/angular/angular.js/edit/master/src/ngAnimate/animate.js" class="improve-docs btn btn-primary"><i class="icon-edit"> </i> Improve this doc</a><h1><code ng:non-bindable="">$animate</code>
|
||||
<div><span class="hint">service in module <code ng:non-bindable="">ngAnimate</code>
|
||||
</span>
|
||||
</div>
|
||||
|
@ -10,7 +10,8 @@ will examine any JavaScript-defined animations (which are defined by using the $
|
|||
as well as any CSS-defined animations against the CSS classes present on the element once the DOM operation is run.</p>
|
||||
<p>The <code>$animate</code> service is used behind the scenes with pre-existing directives and animation with these directives
|
||||
will work out of the box without any extra configuration.</p>
|
||||
<p>Please visit the <a href="api/ngAnimate">ngAnimate</a> module overview page learn more about how to use animations in your application.</p>
|
||||
<p>Requires the <a href="api/ngAnimate"><code>ngAnimate</code></a> module to be installed.</p>
|
||||
<p>Please visit the <a href="api/ngAnimate"><code>ngAnimate</code></a> module overview page learn more about how to use animations in your application.</p>
|
||||
</div></div>
|
||||
<h2 id="Dependencies">Dependencies</h2>
|
||||
<ul class="dependencies"><li><code ng:non-bindable=""><a href="api/ng.$timeout,">$timeout,</a></code>
|
||||
|
@ -21,7 +22,8 @@ will work out of the box without any extra configuration.</p>
|
|||
<ul class="methods"><li><h3 id="addClass">addClass(element, className, done)</h3>
|
||||
<div class="addclass"><div class="nganimate-animate-addclass-page"><p>Triggers a custom animation event based off the className variable and then attaches the className value to the element as a CSS class.
|
||||
Unlike the other animation methods, the animate service will suffix the className value with <a href="#" class="label type-hint type-hint--add">-add</a> in order to provide
|
||||
the animate service the setup and active CSS classes in order to trigger the animation.</p>
|
||||
the animate service the setup and active CSS classes in order to trigger the animation (this will be skipped if no CSS transitions
|
||||
or keyframes are defined on the -add CSS class).</p>
|
||||
<p>Below is a breakdown of each step that occurs during addClass animation:</p>
|
||||
<table>
|
||||
<thead>
|
||||
|
@ -36,11 +38,11 @@ the animate service the setup and active CSS classes in order to trigger the ani
|
|||
<td>class=""</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2. the .super-add class is added to the element</td>
|
||||
<td>class="super-add"</td>
|
||||
<td>2. $animate runs any JavaScript-defined animations on the element</td>
|
||||
<td>class=""</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3. $animate runs any JavaScript-defined animations on the element</td>
|
||||
<td>3. the .super-add class is added to the element</td>
|
||||
<td>class="super-add"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
@ -101,11 +103,11 @@ the animation is started, the following CSS classes will be present on the eleme
|
|||
<td>class="my-animation"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3. the .ng-enter class is added to the element</td>
|
||||
<td>class="my-animation ng-enter"</td>
|
||||
<td>3. $animate runs any JavaScript-defined animations on the element</td>
|
||||
<td>class="my-animation"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4. $animate runs any JavaScript-defined animations on the element</td>
|
||||
<td>4. the .ng-enter class is added to the element</td>
|
||||
<td>class="my-animation ng-enter"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
@ -153,11 +155,11 @@ the animation is started, the following CSS classes will be added for the durati
|
|||
<td>class="my-animation"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2. the .ng-leave class is added to the element</td>
|
||||
<td>class="my-animation ng-leave"</td>
|
||||
<td>2. $animate runs any JavaScript-defined animations on the element</td>
|
||||
<td>class="my-animation"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3. $animate runs any JavaScript-defined animations on the element</td>
|
||||
<td>3. the .ng-leave class is added to the element</td>
|
||||
<td>class="my-animation ng-leave"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
@ -212,11 +214,11 @@ the animation is started, the following CSS classes will be added for the durati
|
|||
<td>class="my-animation"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3. the .ng-move class is added to the element</td>
|
||||
<td>class="my-animation ng-move"</td>
|
||||
<td>3. $animate runs any JavaScript-defined animations on the element</td>
|
||||
<td>class="my-animation"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4. $animate runs any JavaScript-defined animations on the element</td>
|
||||
<td>4. the .ng-move class is added to the element</td>
|
||||
<td>class="my-animation ng-move"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
@ -250,7 +252,8 @@ the animation is started, the following CSS classes will be added for the durati
|
|||
<li><h3 id="removeClass">removeClass(element, className, done)</h3>
|
||||
<div class="removeclass"><div class="nganimate-animate-removeclass-page"><p>Triggers a custom animation event based off the className variable and then removes the CSS class provided by the className value
|
||||
from the element. Unlike the other animation methods, the animate service will suffix the className value with <a href="#" class="label type-hint type-hint--remove">-remove</a> in
|
||||
order to provide the animate service the setup and active CSS classes in order to trigger the animation.</p>
|
||||
order to provide the animate service the setup and active CSS classes in order to trigger the animation (this will be skipped if
|
||||
no CSS transitions or keyframes are defined on the -remove CSS class).</p>
|
||||
<p>Below is a breakdown of each step that occurs during removeClass animation:</p>
|
||||
<table>
|
||||
<thead>
|
||||
|
@ -265,11 +268,11 @@ order to provide the animate service the setup and active CSS classes in order t
|
|||
<td>class="super"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2. the .super-remove class is added to the element</td>
|
||||
<td>class="super super-remove"</td>
|
||||
<td>2. $animate runs any JavaScript-defined animations on the element</td>
|
||||
<td>class="super"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3. $animate runs any JavaScript-defined animations on the element</td>
|
||||
<td>3. the .super-remove class is added to the element</td>
|
||||
<td>class="super super-remove"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue