What are AngularJS Directives?

Directives are the core of AngularJS, directives bind AngularJS with the HTML elements. Directives in AngularJS are prefixed with ng-. The syntax is ng-<directive name>

Examples of directives are ng-app, ng-controller, ng-model etc...
To render a page to the user, the HTML tags in the page is parsed by the browser to create a DOM Tree, once the tree is built AngularJS parses the DOM tree, detects the directives in the tree compiles them before rendering the final HTML to the client.

The following are some of the most common AngularJS Directives

ng-init
ng-repeat
ng-app
ng-model
ng-bind
ng-controller
ng-mouseover
ng-submit
ng-view
ng-class

In the following posts, we shall see some of the key directives in AngularJS.