2017-04-12 4 views
0

私はユーザー名とパスワードを静的に指定するangularJSを使用してログインページを作成しました。フォームを送信するとウェルカム画面にリダイレクトされました。ウェルカムページからログアウトしてログインページに戻りますか? angularJSを使ってどうやってできますか?ここangularJSを使用してページからログアウトする方法

は、私が書いたコードです:

.controller("loginController", function($scope, $location, $rootScope){ 
          $scope.login = function() { 
           var user = $scope.username; 
           var password = $scope.password; 
           var result = $scope.username + $scope.password; 
           console.log(result); 
           if (user == "admin" && password == 'admin'){ 
            $rootScope.loggedIn = true; 
            $location.path('/welcome'); 
           } else { 
            alert("INVALID CREDENTIALS"); 
           } 
          } 
.controller('welcomeController', function($scope){ 
        $scope.message = "welcome here" 
       }) 
+0

私も変数にユーザーとパスワードを格納しましたが、どのように動作するのかわかりません! –

答えて

0

は、ホームページにあなたのページにリダイレクトし、これを行う、

.controller('logoutController', function($scope,$location){ 
    $scope.logout = function(){ 
     $location.path('/home'); 
    } 
}) 

とNGクリック

を使用して、それを呼び出すための関数を書きます
<button ng-click="logout()"> 
    Logout 
</button> 
+0

ありがとうございました –

+0

@kritikavermaマークが役に立ったと回答しました – Sajeetharan

+0

ここで行ったことはホームページにリダイレクトされますが、http:// localhost/login /#/ http://のようなURLを変更した場合localhost/login /#/歓迎します。私がログインしていなければ、この場合は発生しないようにしてください。この方法を使用すると、このアプローチは間違っています。配置するために必要な条件が必要です。 –

1

Sajeetharanで前に説明した通りです。answerです。ログアウト機能で$scope.username$scope.password
ただ、明確な値

は、ホームページにあなたのページにリダイレクトし、これを行う、

.controller('logoutController', function($scope,$location){ 
    $scope.logout = function(){ 
     //Just clear values from scope 
     $scope.username = ''; 
     $scope.password = ''; 
     $location.path('/home'); 
    } 
}) 

とNGクリック

<button ng-click="logout()"> 
    Logout 
</button> 
を使用して、それを呼び出すための関数を書きます

ところで、あなたが使っているアプローチはあまり良くありません。

+0

私はAngularJSの初心者ですので、私は静的な入力値を使用しています、私の問題は値ではありません。私の場合、localhost/login /#urlをlocalhost/login /#/ welcomeに変更すると、ログインしているかどうかに関わらず、このページにリダイレクトされます! –

+0

コントローラのロード時に呼び出さなければならないコントローラまたはサービス(_better option_)で** validation **関数を作成する必要があります(この関数を実行することは、まずcontroller_で実行する必要があります)。この機能では、ユーザーが現在のページにアクセスする権限を持っているかどうかをチェックし、それに応じてアクションを実行する必要があります。 – Chirag

関連する問題