角度属性指令可以替换父元素和子元素吗？答案

【问题标题】：Can an angular attribute directive replace parent and child elements?角度属性指令可以替换父元素和子元素吗？
【发布时间】：2020-02-04 18:19:12
【问题描述】：

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

这就是我的意思。我可以创建一个指令来替换下面的“父样式”和“子样式”

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

变成这样的

<div #myCustomDirective></div>

【问题讨论】：

要像你想要的那样操作 DOM，你需要创建一个指令并使用 renderer2。 checkthis。但我仍然认为你需要使用你的代码..someInfoAboutNgTemplate
@TheNsn666 方式过度杀伤 IMO。

标签： angular angular-directive

【解决方案1】：

是的，您只需更改组件的选择器。就这么容易。

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

See it working live !

【讨论】：

我实际上是在寻找如何使用 ng-content 重用组件（我现在知道）......但我不知道如何表达我的问题。但是您的回答以提出的方式回答了我的问题。谢谢。
组件和指令在 Angular 方面是不同的...