@@ -143,6 +143,7 @@ function classDirective(name, selector) {
143143 * @ngdoc directive
144144 * @name ngClass
145145 * @restrict AC
146+ * @element ANY
146147 *
147148 * @description
148149 * The `ngClass` directive allows you to dynamically set CSS classes on an HTML element by databinding
@@ -178,14 +179,21 @@ function classDirective(name, selector) {
178179 * | {@link ng.$animate#addClass addClass} | just before the class is applied to the element |
179180 * | {@link ng.$animate#removeClass removeClass} | just before the class is removed from the element |
180181 *
181- * @element ANY
182+ * ### ngClass and pre-existing CSS3 Transitions/Animations
183+ The ngClass directive still supports CSS3 Transitions/Animations even if they do not follow the ngAnimate CSS naming structure.
184+ Upon animation ngAnimate will apply supplementary CSS classes to track the start and end of an animation, but this will not hinder
185+ any pre-existing CSS transitions already on the element. To get an idea of what happens during a class-based animation, be sure
186+ to view the step by step details of {@link $animate#addClass $animate.addClass} and
187+ {@link $animate#removeClass $animate.removeClass}.
188+ *
182189 * @param {expression } ngClass {@link guide/expression Expression } to eval. The result
183190 * of the evaluation can be a string representing space delimited class
184191 * names, an array, or a map of class names to boolean values. In the case of a map, the
185192 * names of the properties whose values are truthy will be added as css classes to the
186193 * element.
187194 *
188- * @example Example that demonstrates basic bindings via ngClass directive.
195+ * @example
196+ * ### Basic
189197 <example name="ng-class">
190198 <file name="index.html">
191199 <p ng-class="{strike: deleted, bold: important, 'has-error': error}">Map Syntax Example</p>
@@ -275,7 +283,8 @@ function classDirective(name, selector) {
275283 </file>
276284 </example>
277285
278- ## Animations
286+ @example
287+ ### Animations
279288
280289 The example below demonstrates how to perform animations using ngClass.
281290
@@ -313,14 +322,6 @@ function classDirective(name, selector) {
313322 });
314323 </file>
315324 </example>
316-
317-
318- ## ngClass and pre-existing CSS3 Transitions/Animations
319- The ngClass directive still supports CSS3 Transitions/Animations even if they do not follow the ngAnimate CSS naming structure.
320- Upon animation ngAnimate will apply supplementary CSS classes to track the start and end of an animation, but this will not hinder
321- any pre-existing CSS transitions already on the element. To get an idea of what happens during a class-based animation, be sure
322- to view the step by step details of {@link $animate#addClass $animate.addClass} and
323- {@link $animate#removeClass $animate.removeClass}.
324325 */
325326var ngClassDirective = classDirective ( '' , true ) ;
326327
0 commit comments