简单的ng-content在angular 2中无法工作



我尝试超越内容。我为组件设置了以下标记:

<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 { }

但是只有"Jo"被显示,而没有"test"或"I am content"。我做错了什么?

看起来你想在根组件中显示内容,根组件中的内容通常用于显示angular启动时使用的内容。

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

检查这个SO问题组件

相关内容

  • 没有找到相关文章

最新更新