Skip to main content
AngularJS - Directives

AngularJS - Directives

Use built-in directives to connect HTML elements to application behavior.

AngularJS - Directives illustration

How it works

Directives extend HTML behavior. Common built-ins include ng-app, ng-controller, ng-bind, ng-model, ng-repeat, and conditional rendering directives. Use directives declaratively and avoid mixing unrelated behavior into a single element.

Practice checklist

  • Use examples that match the AngularJS version in the existing application.
  • Keep user input, asynchronous states, and failures visible and understandable.
  • Test keyboard access and validate important rules on the server.
  • Review dependency support and migration needs before production changes.

Further reading: Tutorialspoint: AngularJS - Directives · Official AngularJS developer guide · Migration guide.