mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-17 15:40:22 +00:00
62ea5c3a91
I noticed angular was adding these css classes to elements and believe they should be listed in the documentation at this page. The ng-scope class is mentioned in the developer guide, hence the link there, and the ng-binding class is not mentioned anywhere else in the documentation or the guide that I found. Closes #3728
31 lines
1.2 KiB
Text
31 lines
1.2 KiB
Text
@ngdoc overview
|
|
@name Developer Guide: Templates: Working With CSS in Angular
|
|
@description
|
|
|
|
|
|
Angular sets these CSS classes. It is up to your application to provide useful styling.
|
|
|
|
# CSS classes used by angular
|
|
|
|
* `ng-scope`
|
|
- **Usage:** angular applies this class to any element that where a new {@link api/ng.$rootScope.Scope scope}
|
|
is defined. (see {@link guide/scope scope} guide for more information about scopes)
|
|
|
|
* `ng-binding`
|
|
- **Usage:** angular applies this class to any element that is attached to a data binding, via `ng-bind` or
|
|
{{}} curly braces, for example. (see {@link guide/dev_guide.templates.databinding databinding} guide)
|
|
|
|
* `ng-invalid`, `ng-valid`
|
|
- **Usage:** angular applies this class to an input widget element if that element's input does
|
|
not pass validation. (see {@link api/ng.directive:input input} directive)
|
|
|
|
* `ng-pristine`, `ng-dirty`
|
|
- **Usage:** angular {@link api/ng.directive:input input} directive applies `ng-pristine` class
|
|
to a new input widget element which did not have user interaction. Once the user interacts with
|
|
the input widget the class is changed to `ng-dirty`.
|
|
|
|
|
|
## Related Topics
|
|
|
|
* {@link dev_guide.templates Angular Templates}
|
|
* {@link forms Angular Forms}
|