213 shaares
1 résultat
taggé
ancres
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 { }