如何使用 AngularJS 重定向到另一个页面？

IT技术 javascript angularjs
2021-03-02 04:45:40

我正在使用 ajax 调用在服务文件中执行功能，如果响应成功，我想将页面重定向到另一个 url。目前，我是通过普通的 JS 代码来做到这一点的window.location = response['message'];。但我需要用 AngularJS 代码替换它。我在 stackoverflow 上查看了各种解决方案，他们使用$location. 但是我是 AngularJS 的新手并且在实现它时遇到了麻烦。

$http({
            url: RootURL+'app-code/common.service.php',
            method: "POST",
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
            dataType: 'json',
            data:data + '&method=signin'

        }).success(function (response) {

            console.log(response);

            if (response['code'] == '420') {

                $scope.message = response['message'];
                $scope.loginPassword = '';
            }
            else if (response['code'] != '200'){

                $scope.message = response['message'];
                $scope.loginPassword = '';
            }
            else {
                window.location = response['message'];
            }
            //  $scope.users = data.users;    // assign  $scope.persons here as promise is resolved here
        })
6个回答

您可以使用 Angular $window：

$window.location.href = '/index.html';

控制器中的示例用法：

(function () {
    'use strict';

    angular
        .module('app')
        .controller('LoginCtrl', LoginCtrl);

    LoginCtrl.$inject = ['$window', 'loginSrv', 'notify'];

    function LoginCtrl($window, loginSrv, notify) {
        /* jshint validthis:true */
        var vm = this;
        vm.validateUser = function () {
             loginSrv.validateLogin(vm.username, vm.password).then(function (data) {          
                if (data.isValidUser) {    
                    $window.location.href = '/index.html';
                }
                else
                    alert('Login incorrect');
            });
        }
    }
})();
它的 window.location.href 不是 $window.location.href
2021-04-21 04:45:40
我使用过 $window.location.href 但它给出了未定义函数 $window.location 的错误。我需要为此包含任何依赖项吗？
2021-04-23 04:45:40
不，但您可能需要将 $window 注入控制器。请参阅我编辑的答案。
2021-04-23 04:45:40
@user3623224 - 实际上不是；)
2021-04-29 04:45:40
@Junaid window.location.href 是传统的 window 对象，$window.location.href 是 AngularJS $window 对象，这里：docs.angularjs.org/api/ng/service/$window
2021-05-05 04:45:40

您可以通过不同方式重定向到新 URL。

  1. 您可以使用$window这也将刷新页面
  2. 您可以“留在”单页应用程序中并使用$location在这种情况下，您可以在$location.path(YOUR_URL);或之间进行选择$location.url(YOUR_URL);。所以这两种方法之间的基本区别是$location.url()也会影响获取参数，而$location.path()不会。

我建议您阅读有关文档$location，$window以便更好地了解它们之间的差异。

$location.path('/configuration/streaming'); 这将工作......在控制器中注入位置服务

我使用以下代码重定向到新页面

$window.location.href = '/foldername/page.html';

并在我的控制器函数中注入了 $window 对象。

或许能帮到你！！

AngularJs 代码示例

var app = angular.module('app', ['ui.router']);

app.config(function($stateProvider, $urlRouterProvider) {

  // For any unmatched url, send to /index
  $urlRouterProvider.otherwise("/login");

  $stateProvider
    .state('login', {
      url: "/login",
      templateUrl: "login.html",
      controller: "LoginCheckController"
    })
    .state('SuccessPage', {
      url: "/SuccessPage",
      templateUrl: "SuccessPage.html",
      //controller: "LoginCheckController"
    });
});

app.controller('LoginCheckController', ['$scope', '$location', LoginCheckController]);

function LoginCheckController($scope, $location) {

  $scope.users = [{
    UserName: 'chandra',
    Password: 'hello'
  }, {
    UserName: 'Harish',
    Password: 'hi'
  }, {
    UserName: 'Chinthu',
    Password: 'hi'
  }];

  $scope.LoginCheck = function() {
    $location.path("SuccessPage");
  };

  $scope.go = function(path) {
    $location.path("/SuccessPage");
  };
}
其它你可能感兴趣的问题
上一篇JSON.stringify 以漂亮的打印方式输出到 div 下一篇从部分填充剃刀部分