使用$ location.url重定向到另一个页面无法正常工作

时间:2016-08-08 19:36:43

标签: angularjs redirect

我是AngularJS的新用户,我想将我的应用程序从Login.html重定向到Homepage.html。我已经阅读了很多内容,我找到了两种方法:

第一个是使用$window.location.href,它完美无缺

第二个问题包括使用$location.url$location.path并且它不起作用,它只是/homepage.html到我的实际网址。

我该如何解决这个问题? 这是我的代码。

<!DOCTYPE html>
<html>
<head>
    <title>Login</title>
    <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
</head>
<body>
    <div ng-app="mainApp" ng-controller="loginController">
        <label>Username</label><input type="text" name="username" ng-model="username"><br>
        <label>Password</label><input type="password" name="password" ng-model="password"><br>
        <button ng-click="login()">Login</button>
        <p>{{result}}</p>
    </div>
    <script>
        var mainApp = angular.module("mainApp", []);

        mainApp.controller('loginController', ['$scope', '$location', function($scope, $location){
            $scope.result = null;
            $scope.login = function(){
                $scope.result = "Logged in";
                $location.path('#/localhost/homepage.html').replace();
                $scope.apply();
            }
        }])
    </script>

</body>
</html>

非常感谢大家!

2 个答案:

答案 0 :(得分:1)

不确定它是否重要,但请尝试将$scope.apply()更改为$scope.$apply()

答案 1 :(得分:0)

你应该:

$location.path('/homepage'); 

或者:

$location.path('/app/homepage');