Angular2 Router路由相关

路由设置

Angular中路由的配置应该按照的设置,因为Angular使用先匹配者优先的原则。

示例: 路由设置如下:

export reportRoute: Routes =

在report页面,点击其上的创建按钮想要进入report-new页面,然而却报下面的错误:

原来路由先匹配到了report/:id这个路由,它把report-new当成了id参数进入了report-detail页面去获取report的detail去了。

将路由改成下面这样就OK了

export reportRoute: Routes =

路由处理流程

Angular2对待一个URL的处理流程为:

  1. 应用重定向
  2. 识别路由状态
  3. 应用哨兵与传递数据:哨兵的作用是判断是否允许应用在不同状态间进行切换
  4. 激活对应组件

路由链接激活状态

通过为链接设置属性

  • '}]);

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...