How to get Activatedroute in angular

Question

I want to get the route when the URL changes

https://localhost:3200

to

https://localhotst:3200/login

how can i get login when there is change in route I tried ActivateRoute but the code i made is not working

Here is what I've tried :

route.params.pipe(
  takeUntil(this.destroy)
).subscribe(params => {
  if (this.currentDialog) {
    this.currentDialog.close();
  }
  this.currentDialog = matDialog.open(DialogComponent, {
    data: { tabvalue, param.id}
  }); //this is the code i took from a web site but i don't know how to apply it
});

In param.id here id is a variable but i don't want to use it. I just want path: 'login', component: NavbarComponent } someting like this path

You need a code which intercept the router everytime it change ? — Emilien, Jul 20 '20 at 09:02
route.params.pipe(takeUntil(this.destroy)).subscribe(params => { if (this.currentDialog) { this.currentDialog.close(); }this.currentDialog = matDialog.open(DialogComponent, { data: {tabvalue, param.id}, }) //this is the code i took from a web site but i don't know how to apply it — Mohit Kumar, Jul 20 '20 at 09:05
have you declared **ActivatedRoute** in your component constructor? — surendra kumar, Jul 20 '20 at 09:18
Does this answer help you ? https://stackoverflow.com/a/38536754/6444705. You will need to use Router instead of ActivatedRoute — Emilien, Jul 20 '20 at 09:30

score 1 · Accepted Answer · edited Jan 07 '21 at 14:13

You can subscribe to route change via route event.

To get changes globally, you can set the subscription in in your app.component.ts for example.

Get only the NavigationEnd event, and then retrieve the desired url.

    class MyClass implements OnInit {
    
        constructor(private router: Router) {}
    
        ngOnInit() {
            this.router.events.subscribe((routerEvent) => {
                if(routerEvent instanceof NavigationEnd) {
                    // Get your url
                    console.log(routerEvent.url);
                }
            });
        }}
    }

score -1 · Answer 2 · answered Jul 20 '20 at 09:20

-1

Use the below code.

constructor(private route: ActivatedRoute) { }
ngOnInit() {
    this.route.queryParams.forEach((params: Params) => {
      console.log(params['givenKey']);

      })
    });
  }

answered Jul 20 '20 at 09:20

surendra kumar

1,686
11
15

but I am not using any key const routes: Routes = [ { path: '', component: NavbarComponent },//this is the main router opens when init shown by router-outlet { path: 'login', component: NavbarComponent }, { path: 'signin', component: NavbarComponent }, { path: '**', component: PageNotFoundComponent }, ]; – Mohit Kumar Jul 20 '20 at 09:27
this is my route config – Mohit Kumar Jul 20 '20 at 09:28
what do you want using activated route? – surendra kumar Jul 20 '20 at 09:28
Actually I am using a dialog which is triggered by a button (name login) but when i add url manually Dialog doesn't opens – Mohit Kumar Jul 20 '20 at 09:30

How to get Activatedroute in angular

2 Answers2