AngularJS Is a client-side MVC JavaScript framework for writing single page web applications(SPA). Directive means extending basic HTML elements/attributes and create reusable and testable code. AngularJS has a set of built-in directives which offers functionality to your applications. AngularJS also lets you define your own directives.

1. http://angularjs.org
(AngularJS Directives)

2. AngularJS Directives
•Directive means extending basic HTML elements/attributes and
create reusable and testable code.
•AngularJS has a set of built-in directives which offers
functionality to your applications.
•AngularJS also lets you define your own directives.

3. Types of AngularJs Directive
•built-in directives
lng-maxlength, ng-minlength, ng-pattern, ng-required, ng-submit, ng-blur, ng-
change, ng-checked, ng-click, ng-mouse, ng-bind, ng-href, ng-init, ng-model,
ng-src, ng-style, ng-app, ng-controller, ng-disabled, ng-cloak, ng-hide, ng-if, ng-
repeat, ng-show, ng-switch, ng-view
•Custom directive
lproduct-name, product-desc, product-type

4. Directive Outlines
•Simple Directives
•Directive Restrictions
•Directive Scopes

5. Simple Directives & Directive Restrictions
•angular.module('myApp', [])
•directive('book', function() {
• return {
• restrict: 'E',
• scope: {
• data: '='
• },
•templateUrl: 'templates/book-
widget.html'
• }
•})

6. lIsolated Scope
•Every directive has its own scope.
•Directives have access to the parent scope
by default in AngularJS applications.
•Three types of local scope properties can
be added into isolate scope including:
lData can be passed as a string using the
@ string literal
lData can be passed as an object using
the = string literal
lData can be passed as a function the &
string literal

7. Thank you :)