Stratégie d'emplacement Hash en angulaire 2

J'essaie de créer une application avec stratégie de localisation de hash, mais elle n'ajoute pas le hash à l'url. Par exemple, lorsque je clique sur un bouton associé à {chemin: '/ sondages', nom: 'Sondages', composant: PollsComponent}, il charge la page avec cette URL: localhost: 3000 / sondages.

Que dois-je changer pour obtenir la stratégie de localisation de hachage? Pourquoi dois-je définir l'URL de base par défaut si je veux utiliser la stratégie de localisation de hash?

C'est le routage dans app.component.ts où tout le routage est défini:

import {Component} from 'angular2/core' import {HTTP_PROVIDERS, Http} from 'angular2/http'; import 'rxjs/Rx'; // load the full rxjs import {ROUTER_PROVIDERS, RouteConfig , ROUTER_DIRECTIVES} from 'angular2/router'; import { ResultsComponent } from './results/results.component' import { VotingCardsComponent } from './votingcards/votingcards.component' import { DashBoardComponent } from './dash/dash.component' import { PollsComponent } from './pollslist/pollslist.component' @Component({ selector: 'my-app', templateUrl: 'app/app.component.html', directives: [ROUTER_DIRECTIVES, ResultsComponent, VotingCardsComponent, DashBoardComponent], providers: [HTTP_PROVIDERS, ROUTER_PROVIDERS] }) @RouteConfig([ { path: '/vote', name: 'VotePage', component: VotingCardsComponent }, { path: '/votepoll/:id', name: 'VotePoll', component: VotingCardsComponent }, { path: '/results', name: 'Results', component: ResultsComponent }, { path: '/polls', name: 'Polls', component: PollsComponent }, { path: '/', name: 'DashBoard', component: DashBoardComponent, useAsDefault: true } ]) export class AppComponent { } 

Et c'est mon main.ts où je configure l'url de base:

• Comment charger RxJS (et zone.js / reflect-metadata) avec Angular 2 (bêta et plus récente)
• Fonctionnalité personnalisée d'appel Angular2 après la création d'une nouvelle vue ngSwitch
• Configurer le texte caché de server-Node.js (express) /Asp.net -core pour le lire à partir de client-angulaire 2
• Comment injecter un service personnalisé à un composant angulaire dans ES5 simple (Javascript)?
• Angular2 insère dynamiquement une étiquette de script

 import {bootstrap} from 'angular2/platform/browser'; import {AppComponent} from './app.component'; //this is to avoid the href empty issue import {provide} from 'angular2/core'; import {APP_BASE_HREF, ROUTER_PROVIDERS} from 'angular2/router'; bootstrap(AppComponent, [ //this is to avoid the href empty issue ROUTER_PROVIDERS, provide(LocationStrategy, { useClass: HashLocationStrategy }), provide(APP_BASE_HREF, { useValue: '/' }) ]); 

• Erreur: ENOENT: aucun fichier ou répertoire avec Angular2 et Express.js
• Angulaire 2 Comment obtenir Angulaire pour détecter les changements effectués en dehors de l'Angulaire?
• Exception Angular2: Impossible de lier à 'ngForIn' car ce n'est pas une propriété native connue
• L'ombre DOM est-elle rapide comme Virtual DOM dans React.js?
• Comment injecter le service Angular2 Http dans la classe es6 / 7?

 providers: [ROUTER_PROVIDERS] 

 bootstrap(AppComponent, [ROUTER_PROVIDERS]); 

 RouterModule.forRoot(appRoutes, {useHash: true}); 

 { provide: LocationStrategy, useClass: HashLocationStrategy },