Questions tagged [angular4-router]

Inquiries regarding the Navigation 4 System in Angular. Feel free to utilize this tag for inquiries that pertain specifically to the Navigation 4 System within Angular; distinct from the outdated Navigation 2 System (router-deprecated) or the routing system used in Angular 1.x (angular-ui-router).

Refreshing a page in Angular 4/5 using TypeScript

I am currently working on a single-page application that utilizes routes for navigation: this.router.navigate(['/customer-home'], { skipLocationChange: true }); While on the customer home page, I have a feature to add a new customer via a REST call. Once ...

leveraging services in Angular 4's router system

Below is the route setup: export const routes: Routes = [ {path: '', redirectTo: '/login', pathMatch: 'full'}, {path: 'login', component: LoginComponent, canActivate: [dbs.ConfigGuard]}, {path: '**& ...

I'm facing an issue in Angular 4 where the routing for a child component is

I'm currently working on implementing routing in my Angular app for movies. I've set up a movie component and an edit movie component. The edit movie component is nested within the movie component, as shown in the folder structure below: https://i.stack. ...

Navigating through different components in Angular 4 using a service for routing

Encountering an issue while connecting my Angular 4 and REST application with a service. Here's the error message: compiler.es5.js:1694 Uncaught Error: Can't resolve all parameters for TypeaheadComponent: (?, [object Object], [object Object]). ...

Tips for preserving data upon page refresh in angular 2/4

As a newcomer to Angular2/4, I am facing an issue where the details fetched and saved in my interface are disappearing upon interface refresh. How can this problem be resolved without losing the interface details after a refresh? Here is my Login.componen ...

Troubleshooting the issue of Child redirect in Angular4 Routing not functioning

My Angular4 routing setup looks like this: {path: 'siteroot', component: SiteMessengerComponent}, { path: '', component: FrameDefaultComponent, children: [ { path: 'user/:userId', component: SiteUserprofileComponent, ...