有没有办法不在 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> 

否则，根据此页面

替换

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