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

发布时间：2020-12-17 17:27:09 所属栏目：安全来源：网络整理

导读：我试图转录内容.我有组件的以下标记： body bn-menu spantest/span pI am content/p /bn-menu /body 以下组件： import { Component } from '@angular/core';@Component({ selector: 'bn-menu',template: 'divdivJo/divng-content/ng-content/div'})export c

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

<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”才会显示,而不是“测试”或“我满意”.我究竟做错了什么？

解决方法

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

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

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

希望这可以帮助！！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!