AngularJS Element Directive Not rendering on the HTML

Question

My AngularJS directive is not working, can anyone please tell me what's wrong with my code. I have created directives in the past but my code is not working anymore

This is my Plunkr https://plnkr.co/edit/Tf9h4b05bSyueALVSmW8?p=preview

This is correct right?

app.directive('ChartHorizontal', function() {
  var directive = {};
  directive.restrict = 'E';
  directive.template = '<h3>Hello Ji</h3>';

  return directive;
});

and in HTML we will do <chart-horizontal></chart-horizontal> Do we need a controller? If yes, I have already doing it in controller in my project.

Thanks

Answer 1

Works fine in this DEMO:

 angular.module("app",[]).directive('chartHorizontal', function() { var directive = {}; directive.restrict = 'E'; directive.template = '<h3>Hello Ji</h3>'; return directive; });

 <script src="//unpkg.com/angular/angular.js"></script> <body ng-app="app"> <chart-horizontal></chart-horizontal> </body>

AngularJS Element Directive Not rendering on the HTML

Question

1 answers

solution1
0 2019-11-22 11:50:01

AngularJS Element Directive Not rendering on the HTML

Question

1 answers

solution1 0 2019-11-22 11:50:01

solution1
0 2019-11-22 11:50:01