指令元素不在标记中显示指令名称

Question

我想在 html

中隐藏指令名称标记

我现在正在做这个

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

但是当这个renders/compiles我只想显示指令的内容。不是实际的 <option-found-address-display> 然后是我的内容。

我很确定我看到了如何隐藏它但不记得了

Answer 1

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

将从 html.

中隐藏指令名称标记

Replace:true 成功了。

For more about replace:true

指令元素不在标记中显示指令名称

Directive Element Not displaying directive name in mark up

angularjs

angular-directive