zl程序教程

您现在的位置是:首页 >  前端

当前栏目

Angular 路由的一个问题,以及解决方案

Angular路由解决方案 一个 以及 问题
2023-09-14 09:04:00 时间

问题:点击了 navigate to 之后,浏览器地址栏已经出现了 custom:

但是并没有显示我期望的 DummyComponent 内容,其 onInit 方法根本就没有被调用到:

解决办法:在入口 Component,即 browserTest Component 的模板文件里,增添 router-outlet:

然而带来的副作用是:出现了两份一模一样的 UI:

原因:

解决办法是,创建一个新的 EntryComponent,作为整个应用的入口:

最后 app.component.html 里,放置的是 entry selector:

最后的运行时效果:点 navigate 之前

点击之后:

更多Jerry的原创文章,尽在:“汪子熙”: