1. ホーム
  2. javascript

[解決済み] AngularJSを使用して別のページにリダイレクトする方法は?

2022-04-22 18:42:19

質問

サービスファイルの機能を実行するためにajaxコールを使用しており、レスポンスが成功した場合、ページを別のURLにリダイレクトしたい。現在、私はプレーンなJSコードでこれをやっています。 window.location = response['message']; . しかし、私はそれをAngularJSのコードに置き換える必要があります。私はstackoverflowで様々な解決策を見ましたが、彼らは以下を使用していました。 $location . しかし、私はAngularJSの初心者で、それを実装するのに苦労しています。

$http({
            url: RootURL+'app-code/common.service.php',
            method: "POST",
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
            dataType: 'json',
            data:data + '&method=signin'

        }).success(function (response) {

            console.log(response);

            if (response['code'] == '420') {

                $scope.message = response['message'];
                $scope.loginPassword = '';
            }
            else if (response['code'] != '200'){

                $scope.message = response['message'];
                $scope.loginPassword = '';
            }
            else {
                window.location = response['message'];
            }
            //  $scope.users = data.users;    // assign  $scope.persons here as promise is resolved here
        })

解決方法は?

Angularを使用することができます。 $window :

$window.location.href = '/index.html';

コントローラでの使用例です。

(function () {
    'use strict';

    angular
        .module('app')
        .controller('LoginCtrl', LoginCtrl);

    LoginCtrl.$inject = ['$window', 'loginSrv', 'notify'];

    function LoginCtrl($window, loginSrv, notify) {
        /* jshint validthis:true */
        var vm = this;
        vm.validateUser = function () {
             loginSrv.validateLogin(vm.username, vm.password).then(function (data) {          
                if (data.isValidUser) {    
                    $window.location.href = '/index.html';
                }
                else
                    alert('Login incorrect');
            });
        }
    }
})();