重定向到整个新页面

时间:2014-08-22 11:30:20

标签: javascript angularjs

如何使用AngularJS将用户重定向到新的整个页面?我目前正在使用ng-view,但ng-view的问题在于其他页面是"包含"在现有页面中:

<!DOCTYPE html>
<html ng-app="gameApp">
<head>
<link href="css/style.css" rel="stylesheet" type="text/css">
<meta content="text/html;charset=UTF-8" http-equiv="content-type" />
</head>
<body ng-controller="firstPageCtrl">
<div id="layout">
    <div id="topcontent">
    </div>
    <div id="middlecontent">
        <div ng-view></div>
    </div>
    <div id="bottomcontent">
        {{"AngularJS"}}
    </div>
</div>
</body>
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<script src="https://code.angularjs.org/1.2.22/angular-route.js"></script>
<script src="https://code.angularjs.org/1.2.22/angular-sanitize.js"></script>
<script src="js/mastercontroller.js"></script>
</html>

正如您所看到的,该页面包含在其中,但我不想要这样,我想将用户重定向到一个全新的页面。我怎么能这样做?

这是我的路线:

gameApp.config(function($routeProvider) {
    $routeProvider

    .when('/', {
            templateUrl : 'partials/firstpage.html',
            controller  : 'firstPageCtrl'
    })

    .when('/game', {
            templateUrl : 'partials/game.html',
            controller  : 'gameCtrl'
    });

});

1 个答案:

答案 0 :(得分:1)

要重定向到外部网址,请使用$ window服务。

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

https://docs.angularjs.org/api/ng/service/$window

相关问题