在Angular2 RC5/Router3 3 RC1中，aux路由是如何工作的？
在Angular2 RC5/Router3 3 RC1中，aux路由是如何工作的？
提问于 2016-08-18 03:01:23
几乎没有任何关于网络辅助路线的信息，RC5/RC1就更是如此，我希望这里有人能设法让他们工作(我听说他们应该已经修好了，但仅此而已)。
我得到了以下路由声明：
import {
RouterModule,
Routes
} from '@angular/router';
import { ContactsComponent } from './contacts.component';
import { NewContactComponent } from './new-contact.component';
const contactsRoutes: Routes = [
{ path: '', component: ContactsComponent },
{ path: 'new', component: NewContactsComponent, outlet: 'form' }
];
export const contactsRouting = RouterModule.forChild(contactsRoutes);这是routerLink和outlet on ContactsComponent
<a [routerLink]="['.', 'form:new']">
<button md-fab class="md-fab">
<md-icon class="md-24">add</md-icon>
</button>
</a>
<router-outlet name="form"></router-outlet>但是，这只会导致错误消息，例如
错误:无法匹配任何路由：“联系人/窗体%3ANew”
有人有Angular2 RC5/Router3 3 RC1的工作示例吗？
回答 2
Stack Overflow用户
发布于 2016-08-18 08:45:07
我终于让它工作了(使用源代码，卢克)，但我将继续研究直到找到完整的解决方案。
给定这个路由设置
const appRoutes: Routes = [
{ path: '', redirectTo: 'welcome', pathMatch: 'full' },
{ path: 'welcome', component: WelcomeComponent },
{ path: 'employee/:id', component: EmployeeDetailComponent }
{ path: 'chat', component: ChatComponent, outlet: 'aux' }
];也就是说，使用根路径中的aux路由(这是我提到的扭曲)，我可以编写
<a [routerLink]="['/', { outlets: { primary: 'employee/14', aux: 'chat' } }]"它转化为这条路线：
/employee/14(aux:chat)单击此链接，然后实际呈现出出口中的组件，
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: '<router-outlet></router-outlet><router-outlet name="aux"></router-outlet>'
})
export class AppComponent {}完整的plnkr可以找到这里。
一旦我把它用于子组件，我将更新这个答案。
Stack Overflow用户
发布于 2016-08-18 03:04:58
据我所知，应该是
<a [routerLink]="[{ outlets: { 'aux': ['/employee/14/chat'] } }]">另见https://angular.io/docs/ts/latest/api/router/index/RouterLink-directive.html
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39016531
复制相关文章
点击加载更多
相似问题
使用python在磁盘映像文件中特定位置编辑十六进制值
Python-十六进制编辑文件中的特定位置
在PHP中特定点编辑文件的十六进制？
编辑十六进制值的.txt文件
在python中编辑文件中的值
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
