Устойчивая версия Angular2 не имеет имени-routerOutlet?

Question

<router-outlet name="some_name"></router-outlet> 
& the routes goes as {path: '', component: SomeComponent} 

TS не узнает об этом.

'name' doesn't exists in route 

Как достичь этого в новой версии ..!

Answer 1

Я считаю, что вы хотите использовать именованного маршрутизатор РОЗЕТКИ

eg. <router-outlet name="some_name"></router-outlet> 

Для этого вы можете использовать новое свойство называется outlet с маршрутизацией, как показано ниже,

{ path: '', redirectTo: 'home', pathMatch: 'full'}, 
{ path: 'home', component: HomeComponent}, 
{path: '', component: DetailComponent, outlet: 'details'} //<<<===Check here 

Этот маршрут говорит , Всякий раз, когда я запускаю свое приложение, я хочу ввести HomeView в обычный маршрутизатор-розетка, но введите DetailView в named-router-outlet. Используйте все вместе компоненты, как,

@Component({ 
    selector:"my-app", 
    template:` 
    <h3>Normal router-outlet</h3> 
     <router-outlet></router-outlet> 
    <hr> 

    <h3> Router-outlet with name attribute</h3> 
     <router-outlet name='details'></router-outlet> 
    ` 
}) 

export class AppComponent{ 
} 

Рабочих демо: https://plnkr.co/edit/5Cv8TewVDPNtpn56f6gS?p=preview