Category: angular-routerlink

Angular auxiliary routes – open submodule component in root module auxiliary router-outlet

Posted on January 21, 2021 by pelcomppl

is it possible to open submodule component in root module auxiliary router-outlet? If so, how? Example: app.module.ts app.component.ts url: /

Angular parent template `<router-outlet>` displays template twice

Posted on January 14, 2021 by VJain

I have a parent template that its children are sharing and i am displaying that parent template in app.component.html based

How to pass a boolean parameter from Route Guards in Angular

Posted on December 30, 2020 by Hans

I need to guard the routerLinks based on some boolean configurations coming from a server. Currently i have written canActivate

Router Link to same component from its template not working

Posted on December 25, 2020 by trdwip002

In AnswerspageComponent component this is my ngOnInit() { this.my_id =true; this.user = JSON.parse(localStorage.getItem(‘currentUser’)); this.selection = this.user.username; this.status = this.user.designation; this.hosp

Angular 9 routerLink to 2 outlets at the same time

Posted on December 21, 2020 by Filip Witkowski

How can I have routerLink link to both main router-outlet and secondary (sidebar) router-outlet? I have: <a [routerLink]="[”, {outlets: {sidebar:

Angular router link and click event trigger

Posted on December 16, 2020 by heisenberg

I have an angular component that for the purpose looks like this: <div click="onClick()"> <a [routerLink]="url"> </a> </div> <a> occupies

How can I prevent the relevant navbar link from being clicked while I am on the current navbar page in angular?

Posted on November 22, 2020 by naim

I have a simple web page with a bootstrap navbar on angular 11. I want to make current navbar link

Enabling RouterModule properties disables NgxPageScrollModule smooth page scrolling

Posted on November 15, 2020 by anastaciu

I have some links like shown bellow: <li><a [routerLink]="’frontpage’" pageScroll fragment="showcase">Home</a></li> <li><a [routerLink]="’frontpage’" pageScroll fragment="info1">About</a></li> <li><a [routerLink]="’frontpage’" pageScroll fragment="contact">Contact</a></li> …