Angular2 pathLocationStrategy: modifica dell'url causa ricarica della pagina

Question

Durante l'utilizzo di HashLocationStrategy È possibile modificare l'itinerario modificando manualmente l'indirizzo nella barra degli indirizzi del browser senza ricaricare la pagina. Cioè navigazione mysite/#/home-mysite/#/profile

Tuttavia, se uso PathLocationStrategy (è la strategia posizione predefinita), devo pagina indesiderata ricarica, quando cerco di fare la stessa cosa. Cioè navigazione da mysite/home a mysite/profile

È possibile risolvere questo problema?

Sto usando angolare 2.0.0-beta17

Answer 1

Questo è "come da progetto". Quando si modifica solo il #..., non c'è nulla da inviare al server. La parte #... viene sempre elaborata dal browser e non viene mai inviata al server.

Quando si modifica la parte prima #, e se non si dispone di un # di ogni altra cosa è la prima- # -part allora il browser ha bisogno di fare una nuova richiesta al server per recuperare l'URL.

Se si utilizza l'API window.history... (https://developer.mozilla.org/en-US/docs/Web/API/History_API), è necessario indicare al browser di aggiornare semplicemente la barra degli indirizzi ma non chiamare il server. Il router angolare utilizza questa API quindi funziona dall'interno dell'app o quando si utilizza il pulsante Indietro o Avanti, ma non quando si modifica manualmente l'URL.

Answer 2

Se si desidera utilizzare percorsi di HTML5 (PathLocationStrategy) senza il NG2 pagina-aggiornamento sul cambio rotta, è necessario utilizzare la direttiva routerLink, vale a dire:

<a [routerLink]="['/my-page']">My Page</a> 
<a [routerLink]="['/my-other-page']">My Other Page</a> 

Alle importazioni @NgModule init:

RouterModule.forRoot([ 
    {path: '',    component: DefaultComponent}, 
    {path: 'my-page',  component: MyPageComponent}, 
    {path: 'my-other-page', component: MyOtherPageComponent} 
]);