Angular Directive Replace

Question

Can someone please tell me why the following directive doesn't work?

angular.module('app',[]).
directive('Test',function() {
  return {
    restrict : 'E',
    replace : true,
    template :'<h3>Test Test Test Test</h3>'
    };
  });

Html

 <body ng-app="app">
    <Test></Test>
  </body>

If i understand correctly i expect it to display Test Test Test Test inside an h3 , but it doesn't, any idea why?

Chandermani · Accepted Answer · 2014-04-02 15:22:43Z

2

I am not sure why but if you name your directive directive('test',function() { it works.

answered Apr 2, 2014 at 15:22

Chandermani

42.7k12 gold badges87 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user1492051 Over a year ago

it did, that is strange

user1492051 Over a year ago

nvm docs.angularjs.org/guide/directive they mention it here in directive matching

Collectives™ on Stack Overflow

Angular Directive Replace

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related