Angular2 --- 路由

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiaoxiong_jiaxin/article/details/83347581
审查路由器配置

你把大量的精力投入到在一系列路由模块文件里配置路由器上,并且小心的以合适的顺序列出它们。 这些路由是否真的如同你预想的那样执行了? 路由器的真实配置是怎样的?

通过注入它(Router)并检查它的 config 属性,你可以随时审查路由器的当前配置。 例如,把 AppModule 修改为这样,并在浏览器的控制台窗口中查看最终的路由配置。
import { Router } from '@angular/router';
……
export class AppModule {
  constructor(router: Router) {
    const replacer = (key, value) => (typeof value === 'function') ? value.name : value;
    console.log('Routes: ', JSON.stringify(router.config, replacer, 2));
  }
}

猜你喜欢

转载自blog.csdn.net/xiaoxiong_jiaxin/article/details/83347581