页面如下:
http://localhost:4200/powerto…
template id 为:ProductDetailsPageTemplate
在 product detail page module 里,咱们调用 RouterModule.forChild, 指定路由匹配后,加载的 Component 为 PageLayoutComponent:
我在这个 Component 的 html 文件里,削减一条 div 语句作为打印输出:
运行时成果:
这个 ProductDetailsPageTemplate 呈现在 router-outlet 指令上面,显然是通过路由加载的:
在 layout config 配置文件里,能够将其 slots 删除一部分做一个测试:
比方只剩 Summary slot:
成果如下:
更多 Jerry 的原创文章,尽在:” 汪子熙 ”: