在辅助路由这节课,我的效果和老师的不同,代码是跟着老师敲的,费解。

来源:3-6 辅助路由

_Jack_Han_

2018-01-31

  1. 点击“开始咨询”,显示咨询组件。然后随意切换“主页”和“股票信息”组件,老师的效果是咨询组件都还显示,我的却会消失;

  2. 老师点击“开始咨询”,url地址栏上会出现“(aux:consult)”,我的却没有。

  3. 代码如下:

    <a [routerLink]="['/']">主页</a>
    <a [routerLink]="['/stock', 1]">股票详情页</a>
    <button (click)="toStockDetail()">股票详情</button>
    <a [routerLink]="[{outlets: {aux: 'consult'}}]">开始咨询</a>
    <a [routerLink]="[{outlets: {aux: null}}]">结束咨询</a>
    <router-outlet></router-outlet>
    <router-outlet name="aux"></router-outlet>

    const routes: Routes = [
     { path: '', redirectTo: "/home", pathMatch: "full" },
     { path: 'home', component: HomeComponent },
     { path: 'consult', component: ConsultComponent, outlet: "aux"},
     { path: 'stock/:id', component: StockComponent, data: [{isPro: true}],
       children: [
         {path: '', component: BuyerListComponent},
         {path:'seller/:id', component: SellerListComponent, data: [{}]}
       ]
     },
     { path: '**', component: Code404Component }
    ];


写回答

1回答

_Jack_Han_

提问者

2018-01-31

原因找到了,<a [routerLink]="['/home']">主页</a>

0
1
Aeven
对哦,我也碰到了,好像根路径不行
2019-03-17
共1条回复

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

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

2683 学习 · 1361 问题

查看课程