Creating Directive

Answering : http://stackoverflow.com/questions/38392119/angular-js-unable-to-create-directive

by Suman Kumar

HTML

<div ng-app="autoQuote">
  <div ng-repeat="que in questions.Cars">
    <question-dir>print from direcetive</question-dir>
  </div>
</div>

JavaScript

angular.module("autoQuote", [])
  .directive('questionDir', questionDir)
  .run(function($rootScope) {
    $rootScope.questions = {
      Cars: ["Car1", "Car2", "Car3"]
    };
  });

function questionDir() {
  return {
  	transclude : true,
    template: "<div ng-transclude></div><h1>Made by a directive!</h1>"
  };
}