Update Angular to 1.2.0 RC2

This commit is contained in:
Colin Frei 2013-09-22 11:10:37 +02:00
parent 7416269494
commit 0d3a40980e
184 changed files with 17993 additions and 21133 deletions

View file

@ -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=&quot;&quot;</td>
</tr>
<tr>
<td>2. the .super-add class is added to the element</td>
<td>class=&quot;super-add&quot;</td>
<td>2. $animate runs any JavaScript-defined animations on the element</td>
<td>class=&quot;&quot;</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=&quot;super-add&quot;</td>
</tr>
<tr>
@ -101,11 +103,11 @@ the animation is started, the following CSS classes will be present on the eleme
<td>class=&quot;my-animation&quot;</td>
</tr>
<tr>
<td>3. the .ng-enter class is added to the element</td>
<td>class=&quot;my-animation ng-enter&quot;</td>
<td>3. $animate runs any JavaScript-defined animations on the element</td>
<td>class=&quot;my-animation&quot;</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=&quot;my-animation ng-enter&quot;</td>
</tr>
<tr>
@ -153,11 +155,11 @@ the animation is started, the following CSS classes will be added for the durati
<td>class=&quot;my-animation&quot;</td>
</tr>
<tr>
<td>2. the .ng-leave class is added to the element</td>
<td>class=&quot;my-animation ng-leave&quot;</td>
<td>2. $animate runs any JavaScript-defined animations on the element</td>
<td>class=&quot;my-animation&quot;</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=&quot;my-animation ng-leave&quot;</td>
</tr>
<tr>
@ -212,11 +214,11 @@ the animation is started, the following CSS classes will be added for the durati
<td>class=&quot;my-animation&quot;</td>
</tr>
<tr>
<td>3. the .ng-move class is added to the element</td>
<td>class=&quot;my-animation ng-move&quot;</td>
<td>3. $animate runs any JavaScript-defined animations on the element</td>
<td>class=&quot;my-animation&quot;</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=&quot;my-animation ng-move&quot;</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=&quot;super&quot;</td>
</tr>
<tr>
<td>2. the .super-remove class is added to the element</td>
<td>class=&quot;super super-remove&quot;</td>
<td>2. $animate runs any JavaScript-defined animations on the element</td>
<td>class=&quot;super&quot;</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=&quot;super super-remove&quot;</td>
</tr>
<tr>