Угловой: детский маршрут не обнаружен - PullRequest
Новая
       19

Угловой: детский маршрут не обнаружен

0 голосов
/ 22 сентября 2018

Это мой dashboard.module.ts 

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {JwtModule} from '@auth0/angular-jwt';
import {AuthService} from '../services/auth.service';

import {dashboardComponent} from './dashboard.component';
import { foodPollComponent } from '../modules/foodPoll/foodPoll.component';
import { dashboardModuleRoutingModule } from './dashboard.routing.module';

@NgModule({
imports: [
CommonModule, dashboardModuleRoutingModule
],
declarations: [
dashboardComponent,
foodPollComponent
],
providers: [JwtModule, AuthService]
})
export class dashboardModule { }

Это мой dashboard.routing.module.ts 

import { NgModule }     from '@angular/core';
import { Routes,
RouterModule } from '@angular/router';

import { dashboardComponent } from './dashboard.component';
import { foodPollComponent } from '../modules/foodPoll/foodPoll.component';

const routes: Routes = [
{
    path: 'dashboard',
    component:dashboardComponent
},
{
    path: 'dashboard/:id',
    component: dashboardComponent,
    children: [
        {
            path: 'foodPoll',
            component: foodPollComponent,
            outlet: "details"
        }
    ]
}
];

@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class dashboardModuleRoutingModule {}

Это мой dashboard.component.html 

<div class="dashboard">
 <header>Random header text</header>
 <router-outlet name="details"></router-outler>
</div>

Но когда я переключаюсь с localhost: 4200 / панель мониторинга на localhost: 4200 / dashboard / foodPoll , ничего не отображается в представлении розетки маршрутизатора.Представление по-прежнему остается тем же, что и на панели инструментов

Где я делаю не так?Любая помощь будет оценена.Спасибо

1 Ответ

0 голосов
/ 22 сентября 2018 
path: 'dashboard/:id',
component: dashboardComponent,
children: [
    {
        path: 'foodPoll',
        component: foodPollComponent,
        outlet: "details"
    }
]

dashboardComponent будет на URL: "dashboard/...anything.../"

foodPollComponent будет на URL: "dashboard/...anything.../foodPoll"

:id - это динамический параметр для dashboardComponent

...