辅助路由不能自动调到主页组件

来源:3-6 辅助路由

jun军

2017-04-12

<div>
 <a [routerLink]="['/home']">主页</a>
 <!--<a [routerLink]="['/product']" [queryParams]="{id:1}" >商品详情页</a>-->
 <a [routerLink]="['/product',1]" >商品详情页</a>
 <button type="button" (click)="goProductDetails()">商品详情</button>
 <!--<a [routerLink]="[{outlets:{aux:'chat'}}]" >开始聊天</a>-->
 <!-- 调用这个组件时跳回到主页组件 -->
 <a [routerLink]="[{ primary:'home', outlets:{aux:'chat'}}]" >开始聊天</a>
 <a [routerLink]="[{outlets:{aux:null}}]" >结束聊天</a>
</div>
<router-outlet></router-outlet>
<router-outlet name="aux"></router-outlet>

写回答

2回答

波子第一代

2017-04-24

<a [routerLink]="[{ primary:'home', outlets:{aux:'chat'}}]" >开始聊天</a>

改为

<a [routerLink]="[{ outlets:{ primary:'home',aux:'chat'}}]" >开始聊天</a>

0
0

JoJo

2017-04-12

额...光看页面没什么问题,把路由配置也贴一下看看吧。

再往后看看,进度超过40%以后可以去下我的源码。

0
0

Angular4.0从入门到实战 打造股票管理网站

Angular新特性,教你熟练使用 Angular 和 Typescript 开发组件式单页应用

2683 学习 · 1361 问题

查看课程