使用Angular重定向到另一个页面

时间:2015-04-28 11:26:54

标签: javascript html angularjs

我对Angular非常新,所以我想在此前为这个问题道歉。

我有这个发送POST请求的Angular脚本,在fail部分我想将用户重定向到另一个页面。 这是网站的结构

-login文件夹
js文件夹
controllers.js
的login.html
login.css
-index.html

我在CONTROL.js中的Angular代码ID。我使用login.html中的代码。我需要将用户从login.html重定向到index.html。遗憾的是,当它进入代码的错误部分时,它不会重定向用户。

以下是代码:

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

app.controller('myCtrl', function($scope, $http, $location) {
  $scope.login = function($location){
    $scope.incorrectPass = false;
    $http.post('service link', {'email': $scope.username, 'password': $scope.password, 'UUID': 'dknasklaxcaosdhdajkshnjk', 'platform': 1})
    .success(function(data, status, headers, config) {
      alert("request success");
    })
    .error(function(data, status) {
      $scope.$apply(function() { $location.path("/index.html"); });
    });
  }
}); 

2 个答案:

答案 0 :(得分:0)

我希望你的routeProvider或stateProvide你有到index.html的路由。它永远不会像这样。你应该有.html页面的路线

 .config(['$routeProvider', function ($routeProvider) {
    $routeProvider
   .when("/home", {
        title: 'home',
        templateUrl: 'index.html',
        controller: 'HomeController as homeCtrl'
    }) 
   .otherwise({
        redirectTo: '/login'
    });

现在,如果你这样做

    $location.path("/home");

在你的login / js / controller.js文件中,它应该可以工作。

答案 1 :(得分:0)

使用此代码进行重定向 $ window.location.href =' /index.html' ;;