重定向登錄頁面從angularjs

Question

我創建的web應用程序中，我需要從登錄重定向到歡迎頁面歡迎頁面，如果我的用戶名和密碼驗證

<script> 
    var app = angular.module('myApp', []); 
    app.controller('customersCtrl', function ($scope, $http, $interval) { 
     //login 
     $scope.loginbutton = function() { 
      $http.get('/login.asmx/loginuser', { 
       params: { 
        log: $scope.log, 
        pm: $scope.pm, 
        password: $scope.password 
       } 
      }) 
      .then(function (response) { 
       { 
        //here i want to redirect to another page 
       } 
      }) 
     } 
    }); 
</script> 

這是我angularjs的腳本，我怎麼將頁面重定向到另一頁面？

Answer 1

加$窗口

app.controller('customersCtrl', function ($scope, $http, $interval, $location, $window) { 

然後添加下面一行在你的迴應

.then(function (response) { 
        { 
         $window.location.href = "../welcome/Index"; 
        } 
       }) 

Answer 2

，你可以使用$位置服務，例如：

<br>$location.path('/home')<br> 

這裏瞭解更多信息

Answer 3

<script> 
    var app = angular.module('myApp', ['$location']); 
    app.controller('customersCtrl', function ($scope, $http, $interval, $location) { // add $location dependency in the 
     //login 
     $scope.loginbutton = function() { 
      $http.get('/login.asmx/loginuser', { 
       params: { 
        log: $scope.log, 
        pm: $scope.pm, 
        password: $scope.password 
       } 
      }) 
      .then(function (response) { 
       { 
        $location.path('google.com') //pass the url in it. 
       } 
      }) 
     } 
    }); 
</script> 

Answer 4

使用$state的GUID link裁判重定向

controller.js

controller('customersCtrl', function ($scope, $http, $interval, $state) { 
    $scope.loginbutton = function() { 
     $http.get('/login.asmx/loginuser', { 
      params: { 
       log: $scope.log, 
       pm: $scope.pm, 
       password: $scope.password 
      } 
     }) 
     .then(function (response) { 
      $state.go('page'); 
     }) 
    } 
}); 

然後在您的route.js中，您需要指定要重定向到的新狀態。

angular.module('app.routes', []); 
    .config(function($stateProvider, $urlRouterProvider) { 

    $stateProvider 

     .state('page', { 
      url: '/page', 
      templateUrl: 'templates/page.html', 
      controller: 'pageCtrl' 
     }) 
}); 

Answer 5

你需要在你的控制器$location依賴和需要調用$location.url('/login')瀏覽到登錄頁面。我已經修改了你的代碼。

<script> 
    var app = angular.module('myApp', []); 
    app.controller('customersCtrl', function ($scope, $http, $interval, $location) { 
     //login 
     $scope.loginbutton = function() { 
      $http.get('/login.asmx/loginuser', { 
       params: { 
        log: $scope.log, 
        pm: $scope.pm, 
        password: $scope.password 
       } 
      }) 
      .then(function (response) { 
       { 
        //Navigate to welcome page 
        $location.url('/welcome'); 
       } 
      }) 
     } 
    }); 
</script> 

您應該需要在您的路由提供程序中定義的路徑。在您的控制器

(function() { 
    'use strict'; 

    angular.module('myApp', [ 
     'ngRoute' 
    ]) 

    .config(['$routeProvider', function ($routeProvider) { 
     $routeProvider.when('/login', { 
      templateUrl: 'views/landing.html', 
      controller: 'landingController' 
     }); 
     $routeProvider.when('/customers', { 
      templateUrl: 'views/customers.html', 
      controller: 'customersCtrl' 
     }); 
     $routeProvider.when('/welcome', { 
      templateUrl: 'views/welcome.html', 
      controller: 'welcomeController' 
     }); 
     .............. 
     .............. 
     $routeProvider.otherwise({ 
      redirectTo: '/login' 
     }); 
    }]); 
})();