Angular Custom Directives
Directives are one of the most powerful features of angularjs. Custom angularjs directives are used to extend functionality of html by creating new html elements or custom attributes to provide certain behavior to an html tag.
This directive can then be used in App as :
<html> <head> <title>Angular JS Directives</title> </head> <body> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <script src="directive.js"></script> <div ng-app = "demoApp"> <!-- Notice we are using Spinal Casing here --> <demo-directive name="World"></demo-directive> </div> </body> </html>