Directives

Directives are one of the most powerful concepts in Angular since they let you invent new HTML elements specific to your application. This allows you to create reusable components which encapsulate complex DOM structures, stylesheets and even behavior.

Table of Contents

1. Directives
2. Enabling/Disabling DOM Elements Conditionally
3. Changing the DOM in response to user actions
4. Rendering an HTML Snippet in a Directive
5. Rendering a Directive's DOM Node Children
6. Passing Configuration Params Using HTML Attributes
7. Repeatedly Rendering Directive's DOM Node Children
8. Directive-to-Directive Communication
9. Testing Directives