当我点击某个cost center的hyperlink后:触发router.js里的activate方法:
在_activatedRoute里,能看到被激活,待显示的Component是AppComponent:router.js里和创建被激活Component相关的代码:Component factory:Component创建成功之后,添加到router-outlet对应的container里:
insert操作调用nativeInsertBefore,最终调用DOM元素原生的insertBefore方法,将待显示的Component对应的selector,加入到router-outlet所在的container里去:最后的效果: