在同一组件

时间:2016-11-07 17:18:06

标签: angular angular2-routing

我正在尝试将angular2路由用作我应用的过滤器。

我希望如此,所有指向“sc”的路线都使用HomeComponent“,但使用不同的过滤器。

我想做这样的事情:

/sc/:category1/:category2

示例:

/sc/scifi  = `HomeComponent` with `:category1` = 'scifi'

示例2:

/sc/scifi/movies = `HomeComponent` with `:category1` = 'scifi' and `:category2` = 'movies'

我尝试了很多不同的方法,但却无法做到。我正在使用angular2的最后一个版本("@angular/router": "~3.0.2""@angular/common": "~2.0.2"

我试过了:

RouterModule.forRoot([
            { path: 'sc', redirectTo: 'sc/', pathMatch: 'full'  },
            { path: 'sc/:category1', component: HomeComponent },
            { path: 'sc/:category1/:category2', component: HomeComponent },
        ]

我试过了:

    { path: '', redirectTo: 'sc/', pathMatch: 'full' },
    { path: 'sc', redirectTo: 'sc/', pathMatch: 'full' },
    {
       path: 'sc/:subCalendarName',
       component: HomeComponent,
       children: [
              { path: '' },
              { path: ':subCalendarName' },
              { path: ':subCalendarName/:category' }
       ]
    },

这是我的傻瓜:

https://plnkr.co/edit/JHEg3RRzRXNVNK83jSsL?p=preview

0 个答案:

没有答案