I have an Angular 4 (ES6) app that I want to serve from a Spring Boot application. My Angular app has an index.html, and when the address of http://localhost:8080 is hit, Spring Boot knows to map t...

I have successfully implement AuthGuardService which restrict access to a protected route if user is not logged in. What I am trying to achieve is, if user is already logged in and accessed the Lo...

When my users have dirty changes on a screen, I have a route guard to prompt them to save or discard when they try to navigate away. However, if I am logging them out due to inactivity, I want to ...

In a button click i have function as, inviewMockupEvent(data) { console.log(data); this.router.navigate(['/page-mockup'], { queryParams: { data: data }, skipLocationChange: true }); } console....

<a routerLink="/add"></a><mat-tab label="Add Identity"></mat-tab> or <mat-tab label="Add Identity"> <a routerLink="/add"&gt...

What I want to do is to open the target of router navigate in another tab or in a popup. My instruction is this: private router: Router; this.router.navigate(['/page', id]); In routing I have: ...

I am implementing basic routing in my angular 4 application and getting the following error when loading the application on the browser. I have defined the routes in approuting.module as also refer...

I have build a Springboot Application including Angluar5. I have a gradle build script which loads the angular files into my springboot project.The files are under resources/static of my springboot...

I would like to create a Breadcrumb. Breadcrumb Wikipedia And for this, I thought about creating a Service to handle it. But I need to hook each router changes, a method or a class that will be u...

In my Angular4+ app, I'm using matrix notation for URL routing params. Google Analytics strips URLs up to first encountered ';'. I found this but it doesn't help much. Is there a way to make GA re...

There is some problem with angular4 router. I have created a list of menu items and i got object from back-end for router link creation, but if menuItem.link equals to mypath/example it will be re...

I have an angular 4 project and when I run it from localhost:4200/route-a, it works fine and when I refresh the browser, all works well as expected. However, when I build it with ng build and run i...

I have a link: <a routerLink="/test" (click)="testClick($event)">Test link </a> I wanted to do in testClick function something like this: testClick(event:any) { if (..some expressi...

Is it possible to have router named outlets that are activated once and then never destroyed, no matter what route is navigated in primary outlet? The intention is to have components that persist ...

I'm using angular-cli-1.6.3 for bundling my project. I try to rename lazy loaded chunk name into valid module name. But it is not working. Code snippet given below, { path: 'lazy', loadChildren: ...

I have Angular 4 SPA application using Angular router. I want to have hyperlink that opens a component in new dialog using Bootstrap 4. I already know how to open modal dialog from a function. Bu...

Am trying to navigate my Angular application based on parent child concept. When am loading the parent component gets loaded instead of the child but the url seems the const appRoute: Routes = [...

I've been doing some research into reloading an Angular 4+ route and it looks as if the preferred method is to instead listen to URL parameter changes within the component and re-initialise the com...

I have implemented NVD3 Charts in Angular 4. written an on Click event inside a callback function, on click of the chart I am trying to navigate to another component but I am unable to navigate. C...

I have followed the same steps as mentioned in the official migrating_documentation of the angular. Unfortunately, I am facing an issue when I am migrating my code from angular 2 to angular 4.4. T...

I'm developing an Angular 4 application. I intended to use the HashLocationStrategy but its not working(# is not appearing in the URLs). Below is my app routing module: import { NgModule } from '@...

I am writing an Authguard in Angular 4 to prevent accessing routes without login. However, I am getting this error. Below is the code from Authgaurd and Routing in App module. Please help resolve t...

Kindly explain useHash: true method in angular 2 route method. My Questions: what is the purpose we using it. why the value is "true" why not "false" ? if the value is false, what could be ha...

I already checked the related question router.navigate changes the URL, but is not rendering the component but that same scenario is causing the same result. I have a route in my routes module: ...

The page is currently http://localhost:4200/foo. Case 1: If I press the browser's reload button or type the same url in the browser, the page redirects to http://localhost:4200 (root path). I'd l...