Handhabung Links von Vorlage in AngularJS

Question

zur Zeit ist ich den Umgang mit diesem Weg Links:

<a ng-click="goToLink('/foo')">foo</a> 

$scope.goToLink = function(url) { 
    $location.path(url) 
} 

denn wenn ich

<a ng-href="/foo">foo</a> 

die Seite natürlich neu geladen wird (und 404 bekommen), weil es sollte wie etwas sein:

<a ng-href="#/foo">foo</a> 

gibt es eine Richtlinie oder Links, etwas zu definieren, die ‚html5-Modus Agnostiker‘ sind, so dass ich nicht tun h Hast du den Hashtag in jeden Link gesetzt?

So etwas wie

<a ng-smart-href="/foo">foo</a>. 

Answer 1

prüfen ng-href, ist es genau das, was Sie suchen. http://docs.angularjs.org/api/ng.directive:ngHref

Check "Relative Links" Beispiel von http://docs.angularjs.org/guide/dev_guide.services.$location

Answer 2

Im HTML5-Modus wird <a href="/foo">link to foo</a> umschreiben Modus um Hash-Bang, wenn in einem Legacy-Browser:

finden Sie in der Dokumentation zu diesem Thema: Using $location, Html link rewriting.