检查这个SO问题组件
我尝试超越内容。我为组件设置了以下标记:
<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
包在其他根组件中,它应该可以工作。
用