Angular 2 route not reloading component

Question

I have following code

{
    path: 'clientReports',
    component: ClientsRootComponent,
    children: [
        {
            path: ':reportId',
            component: ClientsReportComponent,          
            children: [
                {
                    path: ':countryId/:branchId',
                    component: ClientsGridComponent,                    
                }
            ]
        }
    ]
}

and following links

app/clientReports/1/1/1
app/clientReports/2/1/1
app/clientReports/3/1/1

Whenever I click a link I can see that ClientsReportComponent does not reload and instead existing one is being reused and caused me problem with the services lifetime that are declared in the providers of this component.

Shouldn't be the component ClientsReportComponent reloaded every time a new link is clicked?

score 0 · Answer 1 · answered Oct 09 '17 at 10:31

0

Yes, If you are already in same component it wont reload the component. If you want to do something on route param changes the component you are already in, then you have to subscribe for queryParam/routeparam changes.

Please find below stack link

Router Param Changes

answered Oct 09 '17 at 10:31

rijin

1,709
12
21

ClientsRootComponent has some services injected that I need to destroy and reuse. Thus reusing the component is essential for me – pantonis Oct 09 '17 at 10:46
In that case cant you use EventEmitter and subscribe from parent component? – rijin Oct 09 '17 at 12:02
Is there any way to override this behavior? – pantonis Oct 09 '17 at 12:02

Angular 2 route not reloading component

1 Answers1