美文网首页
Angular的几点路由知识总结

Angular的几点路由知识总结

作者: Kevin_Tsang | 来源:发表于2019-01-10 22:14 被阅读0次

一、获取路由参数:
通过订阅注入的ActivatedRoute对象的
queryParamMap属性可获取:
可选的查询参数(?、&分隔)
paramMap属性可获取:
必选的路由参数(/分隔,并且必须在路由模块中配置,url必须严格匹配此种形式参数)或可选的矩阵参数(;分隔)

二、路由策略:
一个Angular应用的AppComponent为入口组件,不论访问任何路径该组件都将被激活,访问的行为仿佛是在访问预期的路径前先访问根路径“/”。
我在AppComponent处手动写了一个OnInit方法(官方未默认生成它)并订阅了一个queryMap,本来期望能获取并打印访问根路径携带的参数,然而看到控制台先打印了一个null然后才打印我携带的参数,这说明真正预期访问输入路径前应用自己访问了一次根路径。
我想官方在自动构建脚手架时不像一般组件一样默认生成一个OnInit方法就是因为Angular应用的这个路由机制导致若在此处处理与路由相关的逻辑可能会引发非预期的行为。

相关文章

  • Angular的几点路由知识总结

    一、获取路由参数:通过订阅注入的ActivatedRoute对象的queryParamMap属性可获取:可选的查询...

  • Angular Route导航

    Angular Route导航 路由基础知识 路由相关对象介绍 新建路由项目 使用angular-cli新建项目。...

  • 模拟面试问题总结

    AngularJS路由实现原理 Angular路由 允许我们通过不同的URL访问不同的内容,并且Angular路由...

  • 模拟面试问题总结

    AngularJS路由实现原理 Angular路由 允许我们通过不同的URL访问不同的内容,并且Angular路由...

  • 前端路由原理和React Router

    前端路由原理 前端三大框架 Angular、React、Vue ,它们的路由解决方案 angular/router...

  • Angular的路由延迟加载

    Angular的路由延迟加载 angular的路由延迟加载大致分为两类CanActivate和CanLoad。这两...

  • angular路由跳转

    angular路由 使用路由 routerLink="/"路由出口

  • angular路由基础知识

    常见的路由导航 Routes | 路由配置 app-routing.ts RouterOutlet | 路由占位符...

  • angular中ngRoute和uiRoute的区别

    最近一直在学习angular路由这一部分,angular的路由有两种,在angular最先出来的ngRoute的时...

  • angularjs ui-router

    ngRoute是Angular自带的路由。ui-router是Angular的第三方路由。他们之间的区别:主要的就...

网友评论

      本文标题:Angular的几点路由知识总结

      本文链接:https://www.haomeiwen.com/subject/jryzrqtx.html