213 shaares
3 résultats
taggé
route
A tester !
Unit testing routes configuration with angular.
Le routage sous Angular4 se fait avec des liens complets plutôt qu'avec des ancres (fonctionnement Aurelia), ce qui pose des problèmes avec les serveurs comme SpringBoot (redirection compliquée). Toutefois, il est possible de forcer l'usage des ancres sous Angular4 :
fichier app.module.ts
import { RouterModule, Routes } from '@angular/router';
import { HashLocationStrategy, LocationStrategy } from '@angular/common';
import { AppComponent } from './app.component';
import { ComponentOne } from './one/one.component';
const appRoutes: Routes = [
{ path: 'home', component: Home },
{ path: 'login', component: Login },
{ path: 'one', component: ComponentOne},
{ path: '', redirectTo: '/home', pathMatch: 'full' },
{ path: '**', redirectTo: '/home' }
];
@NgModule({
declarations: [
Home, Login, ComponentOne
],
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
HttpModule,
RouterModule.forRoot(appRoutes) <----- L'ajout de la configuration de routing au module
],
providers: [ { provide: LocationStrategy, useClass: HashLocationStrategy } ], <----- Impose l'usage des ancres pour la navigation
bootstrap: [ AppComponent ]
})
export class AppModule { }