Directive Element Not displaying directive name in mark up

Question

I want to hide the Directive name markup from my html

Right now I am doing this

<option-found-address-display></option-found-address-display>

But when this renders/compiles I just want to show the contents of the directive. Not the actual <option-found-address-display>and then my content within.

I am pretty sure I saw a way how to hide this but can't remember

score 2 · Accepted Answer · edited May 23 '17 at 11:43

2

app.directive('optionFoundAddressDisplay', function() {
  return {
    restrict: 'E',
    template: '<div>your content</div>',
    replace:true
  }
});

will hide the directive name markup from the html.

Replace:true does the trick.

For more about replace:true

edited May 23 '17 at 11:43

Community

1
1

answered Mar 23 '15 at 17:20

Manube

5,110
3
35
59

1

restrict should be `'E'` – jcubic Mar 23 '15 at 17:23

Directive Element Not displaying directive name in mark up

1 Answers1