2017-04-12 1 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_)가 필요합니다.이 기능은 컨트롤러 _에서 먼저 수행해야합니다. 이 기능에서는 사용자가 현재 페이지에 액세스 할 권한이 있는지 여부를 확인하고 이에 따라 조치를 취해야합니다. – Chirag

관련 문제