Mit $ location auf eine neue Seite in AngularJS umleiten

Question 1

Ich teste mit dem folgenden AngularJS $ -Standort. Ich weiß nicht, was das Problem damit ist. Ich möchte nur überprüfen, ob die Umleitung funktioniert oder nicht:

HTML

<body data-ng-controller="MainCtrl">
   Hello {{name}}!
   <button ng-click='go()'>Go</button>
</body>

AngularJS-Code

var app = angular.module('location', []);
   app.controller('MainCtrl', function($scope,$routeParams, $location) {
   $scope.name = 'World';
   $scope.go = function() {
   $location.absUrl() = 'http://www.google.com';
   }
});

Question 2

$ location hilft Ihnen bei externen URLs nicht weiter. Verwenden Sie stattdessen den $ window-Dienst:

$window.location.href = 'http://www.google.com';

Beachten Sie, dass Sie das Fensterobjekt verwenden können, dies ist jedoch eine schlechte Vorgehensweise, da $ window leicht verspottbar ist, während window dies nicht ist .

Question 3

Wenn Sie die ng-Ansicht ändern möchten, müssen Sie das '#' verwenden.

$window.location.href= "#operation";

Question 4

Die Linie

$location.absUrl() == 'http://www.google.com';

ist falsch. Zuerst macht == einen Vergleich, und was Sie wahrscheinlich versuchen, ist eine Aufgabe, die mit simple = und nicht double == ist.

Und weil nur absUrl () getter. Sie können url () verwenden, das als Setter oder als Getter verwendet werden kann, wenn Sie möchten.

Referenz: http://docs.angularjs.org/api/ng . $ location

Question 5

Es könnte dir helfen!

AngularJs Codebeispiel

var app = angular.module('urlApp', []);
app.controller('urlCtrl', function ($scope, $log, $window) {
    $scope.ClickMeToRedirect = function () {
        var url = "http://" + $window.location.host + "/Account/Login";
        $log.log(url);
        $window.location.href = url;
    };
});

HTML-Codebeispiel

<div ng-app="urlApp">
    <div ng-controller="urlCtrl">
        Redirect to <a href="#" ng-click="ClickMeToRedirect()">Click Me!</a>
    </div>
</div>

Question 6

Dies funktionierte für mich innerhalb einer Direktive und ohne Aktualisierung der Basis-URL (fügt nur den Endpunkt hinzu). Gut für Single Page Apps mit Routing-Mechanismus.

  $(location).attr('href', 'http://localhost:10005/#/endpoint')

Question 7

Versuchen Sie, die URL in die Funktion einzugeben

$location.url('http://www.google.com')

Answer 1

72

Ich teste mit dem folgenden AngularJS $ -Standort. Ich weiß nicht, was das Problem damit ist. Ich möchte nur überprüfen, ob die Umleitung funktioniert oder nicht:

HTML

<body data-ng-controller="MainCtrl">
   Hello {{name}}!
   <button ng-click='go()'>Go</button>
</body>

AngularJS-Code

var app = angular.module('location', []);
   app.controller('MainCtrl', function($scope,$routeParams, $location) {
   $scope.name = 'World';
   $scope.go = function() {
   $location.absUrl() = 'http://www.google.com';
   }
});

angularjs redirect Kiran Kumar
quelle

2

Gibt es einen Tippfehler ==, sollte es sein=

Chandermani

1

Sie können immer verwenden: window.location = ' google.com '

Zack Argyle

Answer 2

2

Gibt es einen Tippfehler ==, sollte es sein=

Chandermani

Answer 3

1

Sie können immer verwenden: window.location = ' google.com '

Zack Argyle

Answer 4

144

$ location hilft Ihnen bei externen URLs nicht weiter. Verwenden Sie stattdessen den $ window-Dienst:

$window.location.href = 'http://www.google.com';

Beachten Sie, dass Sie das Fensterobjekt verwenden können, dies ist jedoch eine schlechte Vorgehensweise, da $ window leicht verspottbar ist, während window dies nicht ist .

Fernando Neira
quelle

2

nette Geste mit $ window statt window. Dies sollte die akzeptierte Antwort sein.

Nuriel

$ window ist ein zusätzliches Modul, das hinzugefügt werden muss, um die $ window-Funktion zu verwenden?

Gavindra Kalikapersaud

1

@ GK123512648 keine Notwendigkeit, es befindet sich im Kern ns Modul, wie in der offiziellen API-Referenz erwähnt

Fernando Neira

1

Ich musste $window.location = ...ohne die verwenden .href.

Weltschmerz

Answer 5

2

nette Geste mit $ window statt window. Dies sollte die akzeptierte Antwort sein.

Nuriel

Answer 6

$ window ist ein zusätzliches Modul, das hinzugefügt werden muss, um die $ window-Funktion zu verwenden?

Gavindra Kalikapersaud

Answer 7

1

@ GK123512648 keine Notwendigkeit, es befindet sich im Kern ns Modul, wie in der offiziellen API-Referenz erwähnt

Fernando Neira

Answer 8

1

Ich musste $window.location = ...ohne die verwenden .href.

Weltschmerz

Answer 9

10

Wenn Sie die ng-Ansicht ändern möchten, müssen Sie das '#' verwenden.

$window.location.href= "#operation";

wdavilaneto
quelle

1

Wenn ich dies verwendete, erzeugte es den folgenden Fehler (obwohl es funktionierte): JavaScript-Laufzeitfehler: [$ rootScope: infdig] 10 $ Digest () -Iterationen erreicht. Abbruch!

Steveareeno

oder Sie können einfach $ location.path ('/ Whatever / the / path / is') aufrufen

Willa

Answer 10

1

Wenn ich dies verwendete, erzeugte es den folgenden Fehler (obwohl es funktionierte): JavaScript-Laufzeitfehler: [$ rootScope: infdig] 10 $ Digest () -Iterationen erreicht. Abbruch!

Steveareeno

Answer 11

oder Sie können einfach $ location.path ('/ Whatever / the / path / is') aufrufen

Willa

Answer 12

6

Die Linie

$location.absUrl() == 'http://www.google.com';

ist falsch. Zuerst macht == einen Vergleich, und was Sie wahrscheinlich versuchen, ist eine Aufgabe, die mit simple = und nicht double == ist.

Und weil nur absUrl () getter. Sie können url () verwenden, das als Setter oder als Getter verwendet werden kann, wenn Sie möchten.

Referenz: http://docs.angularjs.org/api/ng . $ location

bdavidxyz
quelle

Ich habe '=' nicht benutzt. Auch in den Dokumentationsbeispielen haben sie '==' angegeben

Kiran Kumar

Wird nicht funktionieren !!! absURL ist BEREIT. $ location service bietet Getter-Methoden für schreibgeschützte Teile der URL (absUrl, Protokoll, Host, Port) und Getter / Setter-Methoden für URL, Pfad, Suche, Hash

David Lin

Answer 13