<!DOCTYPE html> <html> <head> <title>AngularJS Adding Directive</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> </head> <body> <div ng-app="myApp" w3-test-directive></div> <script type="text/javascript"> var app = angular.module("myApp", []); app.directive("w3TestDirective", function() { return { template : "This is a sample directive constructor!" }; }); </script> </body> </html>
Output :
Topic :
Adding Directive
