重定向到Angular JS中的另一個HTML頁面

Question

我寫了一個沒有實際服務器的簡單登錄表單。 只是一個硬編碼的登錄憑據。 如果它們的憑據在角度控制器功能上匹配，那么我需要顯示另一個HTML頁面。 在“ /login.html”上，編寫了以下代碼

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Login</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <script type="text/javascript" src="/InfoGraph/js/angular/angular.min.js" ></script>
    <script type="text/javascript" src="/InfoGraph/js/angular/angular-route.min.js" ></script>
    <script type="text/javascript" src="/InfoGraph/js/login.js" ></script>  
</head>

<body class="gray-bg" ng-app="login">

    <div class="middle-box text-center loginscreen  animated fadeInDown">
        <div>
            <div>
                <h1 class="logo-name">IGraph</h1>
            </div>
            <h3>Welcome to IGraph</h3>           
            <form class="m-t" role="form" name="loginToIGraph" ng-controller="LoginController as login">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Username" required="" ng-model="user.username" >
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" placeholder="Password" required="" ng-model="user.password" >
                </div>
                <button type="submit" class="btn btn-primary block full-width m-b" ng-click="login.loginUser(user)">Login</button>
                <a href="#"><small>Forgot password?</small></a>
                <p class="text-muted text-center"><small>Do not have an account?</small></p>
                <a class="btn btn-sm btn-white btn-block" href="register.html">Create an account</a>
            </form>           
        </div>
    </div>
</body>

</html>

在“ login.js ”中，代碼如下：

(function(){
var app = angular.module('login',[]);

app.controller('LoginController', ['$scope','$location', function($scope,$location)
    {
        $scope.loginUser = function(user){
            if(user.username == 'demo' && user.password == 'demo'){
               $location.href('/afterLogin.html');
            }
            else{
                alert('Wrong credentials')
            }
        }

    }]);

})();

但是在$location.href('/afterLogin.html'); ，它什么也不做。 即使沒有錯誤。 可能是什么原因？

Answer 1

您可以在下面嘗試這樣：

 var path = "/afterLogin.html";
 window.location.href = path;

Answer 2

您可以使用角度$ window 。 就像短信在先前的重定向回答中所說。

另一種方法是通過路由-ngRoute或ui-router

Answer 3

這可能對您有幫助。 使用$ location重定向到AngularJS中的新頁面

Giving proper path will help you I think.

重定向到Angular JS中的另一個HTML頁面

問題描述

3 個解決方案

解決方案1
4 已采納 2015-03-31 07:07:24

解決方案2
1 2015-03-31 07:52:45

解決方案3
0 2015-03-31 07:58:51

重定向到Angular JS中的另一個HTML頁面

問題描述

3 個解決方案

解決方案1 4 已采納 2015-03-31 07:07:24

解決方案2 1 2015-03-31 07:52:45

解決方案3 0 2015-03-31 07:58:51

解決方案1
4 已采納 2015-03-31 07:07:24

解決方案2
1 2015-03-31 07:52:45

解決方案3
0 2015-03-31 07:58:51