AngularJS Using the new directive as a comment




AngularJS Using the new directive as a comment

<!DOCTYPE html>
<html>
   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
   </script>
   <body ng-app="myApp">
   <script>
      var app = angular.module("myApp", []);
      app.directive("w3TestDirective", function() {
         return {
            restrict : "M",
            replace : true,
            template : "<h1>Made by a directive!</h1>"
         };
      });
  </script>
  <p><strong>Note:</strong> Lorem Ipsum is simply dummy text <strong>restrict</strong> 
  of the printing and typesetting industry.</p>
  <p><strong>Note:</strong> Lorem Ipsum is simply dummy text <strong>restrict</strong>
   of the printing and typesetting industry.</p>
</body>
</html>

Output