[angularjs directives] #angularjs

angularjs-directives.md

Directives

refs

https://docs.angularjs.org/guide/directive

Definition

At a high level, directives are markers on a DOM element (such as an attribute, element name, comment or CSS class) that tell AngularJS's HTML compiler ($compile) to attach a specified behavior to that DOM element (e.g. via event listeners), or even to transform the DOM element and its children.

matching directives

1. <input> element matches the ngModel directive <input ng-model="foo">
2. <input> element matches ngModel <input data-ng-model="foo">
3. <person> element matches the person directive <person>{{name}}</person>

normalization

1. Strip x- and data- from the front of the element/attributes.
2. Convert the :, -, or _-delimited name to camelCase.

directive types

• E: element names
• A: attributes
• C: class names
• M: comments