angular 基础router

anuglar中路由器设置按照具体路由到通用路由的设置。因为Angular使用先匹配者优先。

路由的出口在router-outlet标签中显示。<router-outlet></router-outlet>

面包屑使用a标签导航,a标签上得RouterLink指令让路由器控制a元素。假如使用动态导航路径,把它绑定到返回链接参数数组的模板表达式,a标签的routerLinkActive指令可以帮用户区分当前选中的路由,显示绑定的对应样式。RoutingLinkActive指令基于当前的RouterState对象来激活的RouterLink切换CSS类。这会一直沿着路由树往下进行级联处理,所以路由链接和子路由链接可能同时激活。要改变这种行为,可以把[routeLinkActiveOptions]绑定到{exact:true}表达式。这会导致精确匹配激活指定的RouterLink。

angular使用pushState来导航。

路由重定向需要一个pathMatch属性,来告诉路由器如何用URL去匹配路由的路径,否则路由器会报错。从技术角度说,pathMatch='full'导致URL中剩下的、未匹配的部分必须等于''。pathMatch的另一个可能的值是'prefix',它会告诉路由器:当剩下的URL以这个跳转路由中得prefix值开头时,就会匹配上这个跳转路由。但''不能这么做。必须使用full。

 

posted @ 2017-06-02 14:10  艾路  阅读(509)  评论(0编辑  收藏  举报