Angular 2.x折腾记 ：(4)初步了解路由及使用

前言

路由这块的水挺深，我这里扯扯我用过的一些特性及一丢丢的经验

概念性的东西

言简意赅的总结一下：

路由就是控制视图与视图之间的跳转，之间还可以传递参数什么的,路由的退后及前进不会完整的请求整个页面，还可以完全不请求(在生命周期里面控制);

• angular 2 + 里面有两种url风格

• 一个是常规我们访问url那种protocol://domain/path/f/fds

• 一种的hash(#)风格，protocol://domain/#/account/login

• 可以操控路由了，那必然就可以做鉴权了。。。

• 路由相关的指令或者术语

  • <router-outlet> :路由占位符，可以理解为渲染路由组件的区域，一个组件只能一个无命名<router-outlet>，命名的可以多个
  • ng-content: 可以嵌套一个组件的内容在另外一个组件中！！很常用！
  • RouterLink：可以让一个元素具有跳转功能，里面有很多使用的参数[指令]，我大体解释下常用的哈
    • queryParams ： 可以传递参数的,跳转过去就是这种/security-alert?AlertType=50,可以接受对象
    • skipLocationChange : 内容跳转，路由