如何创建＆＃34;私有组件路线＆＃34;在Angular 5

Question

我的项目中有这个结构：

• 主html包含router-outlet元素并路由到Comp1或 器Comp2。
• Comp2包含＆＃34; ReusemainComponent＆＃34;通过使用其选择器： ＆＃34; APP-reusemain＆＃34;
• ReusemainComponent包含路由器插座 元素和路由到Reusechild1Component或Reusechild1Component。

ReusemainComponent及其2个子节点位于一个单独的模块中。

这给出了以下树:(＆＃39; =＆gt;＆＃39;表示路由）

app.component
    =>Comp1  
    =>Comp2  
        app-reusemain (used via its selector)  
            =>Reusechild1  
            =>Reusechild2  

我希望reusemain组件是独立且可重用的，但是内部路由是reusechild1和reusechild2。

此代码段显示我还意味着通过属性绑定传递属性。

＆＃13;

＆＃13;

<div> something ...  </div>
<app-reusemain [childProperty]="parentProperty"></app-reusemain>

＆＃13;

＆＃13;

＆＃13;

尝试导航到＆＃34; route1＆＃34; （＃34;私人子路线之一＆＃34;）导致导航到＆＃34; / route1＆＃34;当然失败了。

在这种情况下，没有从app root到＃34; child-selector＆＃34;的连续路由。组件及其自己的子项作为＆＃34;子选择器＆＃34;有点自己发起。

我尝试了辅助路线，但我猜路由器没有到达＆＃34;子选择器＆＃34;中的指定路由器插座。模板。

是否可以这样使用角度路由器？

链接到示例：https://1drv.ms/u/s!Apm0hUmOfH7mzEfawhTNvxjrersv