有没有办法不在 Angular 2 或更高版本的 html 上显示组件名称？

Question

这个组件...

<my-component>
   <p>Hello !</p>
</my-component>

...在 html 模板内...

<div class="myClass">
   <my-component></mycomponent>
</div>

...将在客户端呈现类似这样的内容：

<div class="myClass">
   <my-component>
     <p>Hello !</b>
  </mycomponent>
</div>

有什么方法可以不显示组件的html标签，而是显示组件的内部内容吗？比如……

<div class="myClass">
      <p>Hello !</b>
</div>

Answer 1

既然你有一个选择器，你可以尝试做

<div class="myClass">
   <div my-component></div>
</div> 

否则根据this page

Angular 2 不支持替换其宿主元素的指令（在 Angular 1 中替换为 true 指令）。在许多情况下，这些指令可以升级为常规组件指令。