2016-10-14 1 views
0

Ich habe einen JSON-Webservice erstellt, der eine Liste von Benutzer-IDs und Kennwörtern enthält. Ich möchte die Benutzer-ID und das Kennwort nur bei Details auf dem Anmeldebildschirm der Übermittlungsschaltfläche meines ionischen Projekts abrufen Übereinstimmung Ich sollte auf meiner nächsten Seite eingeloggt sein oder mein Zugang sollte verweigert werden. Ich bin sehr neu zu angularjs Ich brauche den Code für diese Anforderung. Vielen Dank im Voraus.Abrufen von Daten aus JSON und Vergleichen unter Login

+1

was hast du getan, hinterlassen bitte Code – Aks1357

+0

Ich begann codiert etwas havnt als yet..I dachte, wenn jemand dies kurz erklären könnte, ob diese Art von Situation möglich ist oder nicht – soumya

Antwort

1

Hier ist das komplette Code-Snippet, was genau Sie brauchen.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html lang="en"> 
 
    <head> 
 
     
 
     
 
     <script> 
 
      var app = angular.module("sampleApp",[]); 
 
      app.controller("MainController",["memberListService","$scope", function (memberListService,$scope) { 
 
       $scope.login = function() { 
 
        
 
        var state = false; 
 
        var data = memberListService.getList; 
 
        angular.forEach(data, function (ele) { 
 
         console.log(ele); 
 
         if($scope.user.name == ele.user && $scope.user.password == ele.pass){ 
 
         state = true; 
 
         } 
 
        }); 
 
        if(state){ 
 
         alert('user found') 
 
        }else{ 
 
         alert('user not found') 
 
        } 
 
       } 
 
       
 
      }]); 
 
      
 
      app.service('memberListService', function() { 
 
        this.getList = [ 
 
         { 
 
          user: "user1", pass: "pass1" 
 
         }, 
 
         { 
 
          user: "user2", pass: "pass2" 
 
         } 
 
        ] 
 

 
       }); 
 
     </script> 
 
    </head> 
 
    <body ng-app="sampleApp"> 
 
     <div ng-controller="MainController"> 
 
      <form name="clientLogin"> 
 
       
 

 
       
 
        <input ng-model="user.name" name="userName" type="text" placeholder="Username" ng-required="true" autocomplete="off"> 
 
        
 
       
 
        
 
        <input ng-model="user.password" type="password" placeholder="Password" ng-required="true" name="userPassword" autocomplete="off"> 
 
        
 
       
 

 
       <button type="button" ng-click="login()">Login</button> 
 
      </form> 
 
     </div> 
 
    </body> 
 
</html>

Verwandte Themen