angular 属性指令可以替换父元素和子元素吗？

Question

这就是我的意思。我可以创建一个指令来替换下面的 'parent-stylings' 和 'child-stylings'

<div class="parent-stylings">
    <div class="child-stylings"></div>
</div>

变成这样

<div #myCustomDirective></div>

Answer 1

是的，您只需更改组件的选择器即可。就这么简单。

@Component({
  selector: '[myCustomDirective]',
  template: `
<div class="parent-stylings">
    <div class="child-stylings"></div>
</div>`
}) export class MyComponent {}

See it working live !

angular 属性指令可以替换父元素和子元素吗？

Can an angular attribute directive replace parent and child elements?

angular-directive

angular