AngularJS Benutzeranmeldung in JSON-Datei

Ich versuche derzeit, eine Benutzeranmeldeseite zu erstellen, auf der die Benutzerinformationen in einer json Datei gespeichert sind. Ich habe meine GET Methode zu der Datei erstellt, aber ich kann nicht umleiten, nachdem der Benutzer sich erfolgreich angemeldet hat. Kannst du mir helfen?AngularJS Benutzeranmeldung in JSON-Datei

I know that user login and validation done on the client side is A BAD IDEA but that is how I want to do it, without using a database.

Hier ist mein HTML-Code:

<body ng-controller="myCtrl"> 
    <form id="login-form"> 
      <h3>User Login</h3> 
        <div class="form-group"> 
        <label for="email">Email address:</label> 
        <input type="email" class="form-control" id="email"> 
        </div> 

        <div class="form-group"> 
        <label for="pwd">Password:</label> 
        <input type="password" class="form-control" id="pwd"> 
        </div> 
        <button type="submit" class="btn btn-default" id="login-button" ng-click="LogOn()">Login</button> 
     </form> 
</body>

Mein JavaScript-Code:

var app = angular.module('myApp', [ ]); 
       app.controller("myCtrl",['$scope', '$http', function($scope, $http){ 
       $scope.LogOn = function(){ 
        $http.get('data.json').then(function(data){ 
        $scope.users = data; 
        }); 
    if (data.email == email) && (data.password = password{ 
      window.location.href = 'www.google.com'; 
      }    
        }; 
       }]);

Meine JSON-Datei:

[ 
    { 
     "email":"[email protected]", 
     "Password":"password" 
    }, 
    { 
     "email":"[email protected]", 
     "password":"test999" 
    }, 
    { 
     "email":"[email protected]", 
     "password":"xxx" 
    } 
]

Quelle

2017-03-22 ZombieChowder

Vielleicht möchten Sie schauen ngRoute oder ui.router. – skubski

Bitte versuchen Sie den Link zu öffnen und überprüfen und den Code ausführen, die in w3 Schulen eingesetzt wird https://www.w3schools.com/code/tryit.asp?filename=FDVZY3NXVYG6

Quelle

2017-03-22 14:43:17 Dilip

Spot auf. Danke ! – ZombieChowder

Offensichtlich ist der if Balg hat innen zu sein die .then( Rückruf

if (data.email == email && data.password == password) { 
    window.location.href = 'www.google.com'; 
}

Quelle

2017-03-22 14:06:28 kidwon

Uncaught ReferenceError: Ungültige linke Seite in Zuweisung - 'if (data.email == email) && (data.password = passwort)' – ZombieChowder

Dies wurde von Ihrem Code über – kidwon

kopiert Ja, aber überprüfen Sie den Code, wenn es in der läuft Der erste Platz ist ein wichtiger Teil einer wirklich funktionierenden Antwort. Vielen Dank für Ihre Bemühungen. – ZombieChowder

Put Umleitung Code innerhalb dann

$http.get('data.json').then(function(data){ 
      $scope.users = data; 
      if (data.email == email && data.password == password) { 
      window.location.href = 'www.google.com'; 
      } 
});

Quelle

2017-03-22 14:08:57

Sie vergleichen ein Array von Daten mit zwei Strings. Sie müssen die Benutzer durchlaufen und jeden Benutzer und jedes Kennwort zuordnen, wenn Sie Ihren if-Stapel eingeben möchten. – skubski

AngularJS Benutzeranmeldung in JSON-Datei

Antwort

Verwandte Themen