AngularJS wird die Seite nicht aktualisieren, wenn der angeklickte Link dieselbe URL hat wie die aktuelle Seite

Das ist mir bei zwei meiner Projekte, in denen ich AngularJS verwende, aufgefallen, also nehme ich an, dass es ein Problem mit AngularJS ist .AngularJS wird die Seite nicht aktualisieren, wenn der angeklickte Link dieselbe URL hat wie die aktuelle Seite

Nehmen wir an, ich habe eine Schaltfläche im Menü, die "Registrieren" sagt und mich zur/account/register Seite bringt. Wenn ich jedoch auf der Seite/account/register bin, wird durch Klicken auf die Schaltfläche die Seite nicht aktualisiert. Es ist so, als wäre die Schaltfläche deaktiviert. Dies geschieht immer dann, wenn der Link, auf den ich klicken möchte, dieselbe URL hat wie die aktuelle Seite, auf der ich bin. Die URLs sind einfach <a href="something1/something2">Link</a>. Wie kann ich dieses Verhalten entfernen?

Quelle

2014-07-03 Andrej

Sie Seite aktualisieren wollen? –

Ich möchte nur, dass der Link anklickbar ist, auch wenn es bedeutet, dass er mich auf die gleiche Seite wie den aktuellen bringt. – Andrej

Sie können prüfen, ob die aktuelle URL/der Status/Hash "/ account/register" ist ... wenn ja, dann verwenden Sie die Reload-Methode des Dienstes $ route.

AngularJs: Reload page

Quelle

2014-07-03 09:27:38 Saurav

Der Registerlink, von dem ich spreche, befindet sich nicht in einem Angular Controller, es ist nur ein Link im Menü. Aber es ist unter ng-app. Dies passiert auch, wenn die Verbindung unter einem Winkel-Controller ist. – Andrej

Dann müssen Sie möglicherweise das Ereignis "locationchangestart" des Diensts $ route abhören. Können Sie bitte ein Beispiel-Snippet einfügen? – Saurav

Ich verwende weder $ routeProvider noch $ locationProvider, es ist keine einzelne Seite Anwendung. – Andrej

ich fand keine vernünftige Art und Weise den Weg Innenansicht zu überprüfen, aber dies könnte funktionieren:
Ansicht:

<a link-href="path/to/same/location">same location</a>

Richtlinie:

app.directive('linkHref', ['$location', '$route', function ($location, $route) { 
    return { 
    restrict: 'A', 
    link: function ($scope, $element, $attrs) { 
     $element.bind('click', function() { 
     if ($location.$$url == $attrs.activeLink) { 
      $route.reload(); 
     } else { 
      $location.path($attrs.activeLink); 
     }); 
    } 
    }; 
}]);

Quelle

2015-02-17 14:06:08 Reyraa

Ich hatte das gleiche Problem und fand, dass, wenn ich $ Standort entfernte (wurde irgendwie nicht benutzt), der in verzeichnet wurde In einer Fabrik ging das Problem weg.

Quelle

2015-02-26 21:50:32 hlo

Hatte das gleiche Problem mit eckigen, Hinzufügen target="_parent" Attribut der Link hat es funktioniert.

Quelle

2015-11-07 10:04:21

Verifiziert mit AngularJS v1.4.7. Dies behebt genau das gleiche Problem, das ich in meiner Navigationsleiste hatte, die in allen meinen Seiten über 'ng-include' enthalten ist. – DondeEstaMiCulo

hat auch für mich funktioniert – jkb016