Angular Lazy2选择器

Angular Lazy2选择器,angular,lazy-loading,angular2-routing,Angular,Lazy Loading,Angular2 Routing,我正在构建一个angular 2应用程序。我有一页手风琴列表 根据第1条, 手风琴2 当按预期点击每个手风琴时,它会打开一个包含内容的div。然而,我试图实现的是延迟加载此内容,因此当单击手风琴时,它会将我重定向到另一个带有angular 2路由器的url,并延迟加载该模块。我已经走了这么远。(例如,我被重定向,模块懒散加载) 延迟加载的组件有一个选择器 这是我手风琴的模板。”“风险报告”是延迟加载的组件, 我当然会遇到这样的错误: 未处理的承诺拒绝:模板分析错误: “风险报告”不是已知的要素:

我正在构建一个angular 2应用程序。我有一页手风琴列表

根据第1条, 手风琴2

当按预期点击每个手风琴时,它会打开一个包含内容的div。然而,我试图实现的是延迟加载此内容,因此当单击手风琴时,它会将我重定向到另一个带有angular 2路由器的url,并延迟加载该模块。我已经走了这么远。(例如,我被重定向,模块懒散加载)

延迟加载的组件有一个选择器

这是我手风琴的模板。”“风险报告”是延迟加载的组件, 我当然会遇到这样的错误:

未处理的承诺拒绝:模板分析错误: “风险报告”不是已知的要素: 1.如果“风险报告”是一个角度组件,则验证它是否是本模块的一部分

是否有任何解决方法,以便我可以重用accordion列表,而不是在每个url上使用新组件重新声明它

<div (click)="toggleOpen($event)" [ngClass]="{'accordion-open': isOpen}" class="reportlist accordion-header">
<i class="fa" [ngClass]="{'fa-minus-circle': isOpen, 'fa-plus-circle': !isOpen}"></i><h3>{{report.reportName}}</h3>
<i class='fa fa-check fa-lg green pull-right' *ngIf="isApproved"></i></div>

<div *ngIf="isOpen" style="border-bottom: 1px solid lightgray" [@openClose]="isOpen ? 'open' : 'closed'">

<div style="width: 100%;margin-bottom: 15px" *ngIf="activeReport">
<risk-report (changeReport)="changeReport($event)"></risk-report>
</div>
</div>

{{report.reportName}
编辑:所以我自己设法解决了这个问题。刚把报告改成

<router-outlet></router-outlet>


风险报告创建一个模块
,通过这个新模块导出组件并将其加载到您的app.module.RiskReport已经有了自己的模块,我正在将其与子模块一起加载。但我仍然得到一个错误,风险报告不是一个已知的元素。请提供一个plunker或您的相关代码给我们。提供路由器配置、模块延迟加载以及尝试使用
风险报告的组件。