码迷,mamicode.com
首页 > 其他好文 > 详细

angular 基础router

时间:2017-06-02 14:52:44      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:开头   nbsp   option   路由器   另一个   options   否则   切换   路由器设置   

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。

 

angular 基础router

标签:开头   nbsp   option   路由器   另一个   options   否则   切换   路由器设置   

原文地址:http://www.cnblogs.com/wlxll/p/6933059.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!