router-outlet in HomeComponent reloads every time

[manojdcoder]

router-outlet in HomeComponent reloads every time when a detail component is pushed on page-router-outlet. Any workaround on that?

Example

export const APP_ROUTES: Routes = [
    {
        path: '',
        redirectTo: '/home',
        pathMatch: 'full'
    },
    {
    path: "home",
    component: HomeComponent,
        children: [
            {path: '', component: WelcomeComponent},
            {path: "login", component: LoginComponent},
            {path: "help", component: HelpComponent},
        ]
    },
    {
    path: "detail", // pushed on page-router-outlet, makes router-outlet in home component to reload
    component: DetailComponent
    }
];