angular5 router-outlet

项目中app.module.ts对应的app.component.html中有一个<router-outlet></router-outlet>标签，

app.module.ts app.component.html

在每一个xx.module.ts对应的xx.component.html中都会有这样的一个标签，他们的作用到底是干嘛的呢？

work-order.module.ts work-order.component.html

angular是单页面应用，简称SPA，在入口页面index.html中有一个标签<app-root></app-root>，称之为局部页面占位符，

index.html

同级还有一个xx.routing.module.ts，里面是每个路由对应的组件

xx.routing.module.ts ，

当我们选择xx路由时，会匹配到xx组件，该组件就会被告知要放在xx.component.html中的router-outlet标签的位置，xx.component.html页面又会被作为一个整体嵌入进入index.html页面的app-root标签的位置。

假如模块中xx.component.html没有写router-outlet标签，选中某个路由会匹配到对应的组件，但是并不会被告知该组件要放在具体的哪个位置。

我理解的是angular的项目相当于是整个项目是由层层嵌套，堆出来页面。