angular2-routing

What is wrong here? I'm trying to make it work but I get that error in the header. I have included the <router-outlet></router-outlet> in the app.component.html that is being templateUrl called by the app.component.ts , still no luck. app.module.ts : import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; import { RouterModule, Routes } from '@angular/router'; import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; import { TopnavComponent } from '.

How can I reload the current page on Angular via TypeScript? I don't want to change the URL parameters, only to reload. This should technically be achievable using window.location.reload() : HTML: <button (click)="refresh()">Refresh</button> TS: refresh(): void { window.location.reload(); } Update: Here is a basic StackBlitz example showing the refresh in action. Notice the URL on "/hello" path is retained when window.location.reload() is executed. Hopefully that helps! 来源： https://stackoverflow.com/questions/43985752/how-to-reload-page-the-whole-page-in-angular-2

Recently, I have started playing with angular 2. It's awesome so far. So, i have started a demo personal project for the sake of learning using angular-cli . With the basic routing setup, I now want to navigate to some routes from header, but since my header is a parent to the router-outlet , I receive this error. app.component.html <app-header></app-header> // Trying to navigate from this component <router-outlet></router-outlet> <app-footer></app-footer> header.component.html <a [routerLink]="['/signin']">Sign in</a> Now I understand partially I guess that since that component is a wrapper

I'm writing an application where all features got it's own module (A feature could be a page, or a part of a page). This because we want all features to have it's own domain logic, services, directives and components, i.e. in the dashboard module we got an ChartComponent widget that I don't want to expose to other views like login or profile. The problem is when working with routing in Angular 2 you always routes to a particular component, not a module. In our case, to set up a route for path: '/dashboard' component: DashboardComponent we need to declare DashboardComponent in app.module.ts,

I am trying to determine what the route is before it is activated so I can cache it and redirect the user back to that route after they have logged in. In the old beta router I was able to call ComponentInstruction.routeName in the activate hook but in the newer canActivate() guard I do not see a way to access the intended route before it is activated. I could store the intended route in a shared service when the user clicks on a navagtion button in my app but what about when they enter the URL in the address bar? From angular router source files: export interface CanDeactivate<T> {

I am trying to pass parameters to one component in this format www.domain.com?param=value , but Angular keep sending parameters like this www.domain.com;param=value . Why replace ? for ; ? This is my route conf: const router: Routes = [ {path: '', redirectTo: '/shops', pathMatch: 'full'}, {path: 'shops', component: ShopComponent, canActivate: [AuthManager]}, {path: 'shop/new', component: NewShopComponent, canActivate: [AuthManager]}, {path: 'shop/new/:id', component: NewShopComponent, canActivate: [AuthManager]}, {path: 'login', component: LoginComponent}, {path: 'register', component: