头图

页面如下:
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的原创文章,尽在:"汪子熙":


注销
1k 声望1.6k 粉丝

invalid