Question

我尝试转录内容。我有该组件的以下标记：

<body>
    <bn-menu>
      <span>test</span>
      <p>I am content</p>
    </bn-menu>
  </body>

以下组件：

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

但只有＆＃34; Jo＆＃34;显示而不是＆＃34;测试＆＃34;或者＆＃34;我很满意＆＃34;。我做错了什么？

Answer 1

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

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

检查此问题Angular2 root component with <ng-content>

希望这会有所帮助!!

简单的ng-content无法在角度2

1 个答案: