简单的ng-content不能在角度2中工作

Jan*_*mes 4 angular2-components angular

我试图转录内容.我有组件的以下标记:

<body>
    <bn-menu>
      <span>test</span>
      <p>I am content</p>
    </bn-menu>
  </body>
Run Code Online (Sandbox Code Playgroud)

以下组件:

import { Component } from '@angular/core';
@Component({
  selector: 'bn-menu',
  template: '<div><div>Jo</div><ng-content></ng-content></div>'
})
export class MenuComponent { }
Run Code Online (Sandbox Code Playgroud)

但只有"Jo"才会显示,而不是"测试"或"我满意".我究竟做错了什么?

Mad*_*jan 6

您似乎正在尝试在Root组件中显示内容,Root组件中的内容通常用于显示在启动角度时使用的内容.

如果你可以bn-menu在其他根组件中包装它应该工作.

使用<ng-content>检查此SO问题Angular2根组件

希望这可以帮助!!