Angular 7 - how to check if the user directly navigate into the page

Question

I have an app with the next routing structure:

{
    path: "home",
    component: HomeComponent,
    children: [
        {
            path: "list",
            component: ListViewComponent
        },
        {
            path: "dashboard",
            component: DashboardComponent
        },
        {
            path: '',
            pathMatch: 'full',
            redirectTo: 'dashboard'
        },
        {
            path: "**",
            redirectTo: 'dashboard'
        }
    ]
}

how I can check if the user navigates into the page by full path eg home/list or by redirectTo?

score 2 · Accepted Answer · answered Oct 01 '19 at 08:37

2

You can check the url by adding:

path: 'team/:id',
component: TeamComponent,
canActivate: ['canActivateTeam']

Here ['canActivateTeam'] can be a function in a service.

answered Oct 01 '19 at 08:37

rafi muhammad

194
2
11

I think should be a more elegant approach to check this. – Taras Kovalenko Oct 01 '19 at 08:41
What type of approach is actually you are looking? – rafi muhammad Oct 01 '19 at 08:45
I don't want to create a separate service + guard to check this. Probably we can do it by `ActivatedRoute` or `Router`. – Taras Kovalenko Oct 01 '19 at 08:46

score 0 · Answer 2 · answered Oct 01 '19 at 08:48

0

You can use state while navigating to the url and pass it a user defined value.

According to angular documentation:

Developer-defined state that can be passed to any navigation. Access this value through the Navigation.extras object returned from router.getCurrentNavigation() while a navigation is executing.

For more info refer: https://angular.io/api/router/NavigationExtras

answered Oct 01 '19 at 08:48

sah1

380
1
6
23

is related to manual navigation, in my case I need to catch this by route config. – Taras Kovalenko Oct 01 '19 at 09:03
@TarasKovalenko You should be able to use data similarly. https://stackoverflow.com/questions/36835123/how-do-i-pass-data-to-angular-routed-components might help you – sah1 Oct 01 '19 at 09:43

Angular 7 - how to check if the user directly navigate into the page

2 Answers2