2013-06-06 9 views
5

Ich habe diesen Routing-Code auf meiner App:Winkel js Browser dosn't Taste zurück Arbeit beim Routing

var app = angular.module('docFinder', []) 

app.config(function($routeProvider){ 
    $routeProvider. 
     when('/', 
     {    
     controller: docTable, 
     templateUrl: 'partials/finder.html' 
     }). 
     when('bio/:finderId', 
     {   
     controller: bioCtrl, 
     templateUrl: 'partials/bio.html' 
     }). 
     otherwise({redirectTo: '/'}); 
}); 

, wenn ich meine app starten und geht y auf einem Link zu der zweiten Route klicken root

Sobald ich dort bin, drücke ich die Zurück-Taste in meinem Browser und es geht nicht zurück es aktualisiert nur meine aktuelle Seite, irgendwelche Ideen zu dem Problem?

EDIT:

Lösung

<tr ng-repeat="doc in providers" ng-mouseover="mouseOverDoc(doc)" ng-mouseleave="mouseLeave()">  
    <td><a href="#bio/{{doc.provider.Id}}"> {{doc.provider.FirstName}} </a></td> 

</tr> 
+0

Ihre Routen sehen richtig aus, können Sie den Code anzeigen, den Sie verwenden, um auf eine andere Seite zu gelangen? –

+0

fertig, ich habe meine Antwort bearbeitet –

+0

Dies funktioniert nicht mit IE7 (zumindest), wenn das ist, was Sie verwenden –

Antwort

8

Verwenden #/auf den Link. Es scheint Bug auf eckigen js. zum Beispiel:

<td><a href="#/bio/{{doc.provider.Id}}"> {{doc.provider.FirstName}} </a></td> 
+0

DANKE !!! Dies löste es –

5

Es scheint nicht ein Problem für mich zu sein.

AngularJS bietet zwei Konfigurationsmodi für $ location service, um das Format der URL in der Adressleiste des Browsers zu steuern.

  1. Hashbang Mode (#!)
  2. HTML5-Modus

Diese gelöst werden können, wenn Sie die Konfiguration auf HTML5-Modus mit { html5Mode: true } eingestellt.

+0

Es scheint, als ob es nicht beide in beiden Modus korrekt behandeln sollte. Nicht-Hash-Links sollten im Hashbang-Modus fehlschlagen und Hash-Links sollten fehlschlagen oder nur eine Suchänderung im HTML5-Modus auslösen. – thynctank