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

[Angular2 Router] Configure Auxiliary Routes in the Angular 2 Router - What is the Difference Towards a Primary Route?

时间:2016-10-03 00:03:31      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

In this tutorial we are going to learn how we can can configure redirects in the angular 2 router configuration. We are also going to see again another example on how the order of the configuration might trip us. We are going to see the different between path matching in prefix mode vs full mode, and we are going to learn why redirects should be in general configured using full path matching.

 

Define a auxiliary router  in app.routes.ts:

{path: ‘wiki-path‘, loadChildren: ‘app/auxroute/auxroute.module‘, name: ‘WikiDetail‘, outlet: ‘wiki‘},

 

app.component.html:

<router-outlet class="main"></router-outlet>
<router-outlet name="wiki" class="right-detail"></router-outlet>

The main difference between noraml router outlet and auxiliary router is auxiliary router has name prop.

 

url for auxiliary router:

http://localhost:4200/home(wiki:wiki-path)

it contains: (<outlet_name>:<path_name>)

技术分享

[Angular2 Router] Configure Auxiliary Routes in the Angular 2 Router - What is the Difference Towards a Primary Route?

标签:

原文地址:http://www.cnblogs.com/Answer1215/p/5928271.html

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