2016-12-31 1 views
-1

Ich versuche, Login-Anwendung mit nur angularjs zu erstellen, habe ich Routing von angularjs anfänglich div verwendet, in dem "ng-view" Routen definiert ist um sich einzuloggen Seite .aber nach dem Benutzernamen und Passwort eingeben, wenn i-Taste nichts klicken passiert Ereignis dh unter nicht behandelt .. ist Code für Indexseite:ich versuche, eine einfache Login-App mit angularjs mit Routing erstellen, aber Ereignis wird nicht behandelt

<!DOCTYPE html> 
<html> 
<head> 
    <title>Login App</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <script src="angular-route.js"></script> 
</head> 
<body ng-app="mylogin"> 
<h1>Login Page</h1> 
<div ng-view></div> 
<script> 
    var app=angular.module('mylogin',['ngRoute']); 
    app.config(function($routeProvider){ 
     $routeProvider 
     .when('/',{ 
      templateUrl:"login.html" 
     }) 
     .when('/dashboard',{ 
      templateUrl:"dashboard.html" 
     }) 
     .otherwise({ 
      redirectTo:"/" 
     }); 
    }); 

app.controller("loginctrl",function($scope,$location) 
     { 
      $scope.submit=function() 
      { 
       var uname=$scope.username; 
       var pwd=$scope.password; 
       if($scope.username=='admin' && $scope.password=='admin') 
       { 
        $location.path('/dashboard'); 
       } 
      }; 
     }); 

</script> 
</body> 
</html> 
unter

ist Code für Login-Seite:

<div ng-controller="loginctrl"> 
<form action="/" id="mylogin"> 
Username:<input type="text" id="username" ng-model="username"><br> 
Password:<input type="password" id="password" ng-model="pasword"><br> 
<button type="button" ng-click="submit()">Login</button>  
</form> 
</div> 
+0

sehen Sie alle Fehler in der Konsole Meldungen sein? – Claies

+0

Es sieht so aus, als ob Ihre Veranstaltung ** behandelt wird **, aber Sie erhalten aufgrund eines Tippfehlers nicht das Ergebnis, das Sie erwarten. – Claies

+0

hey @claies, danke für die Antwort, ich korrigierte den Tippfehler jetzt seine Arbeit –

Antwort

0

Typo in ng-model von password Wenn Sie also if($scope.username=='admin' && $scope.password=='admin') innerhalb Controller $scope.password tun passieren undefined

ng-model="pasword" 

sollte

ng-model="password" 

Demo Plunkr

+0

vielen Dank pankaj Parkar es funktioniert jetzt, ich kann nicht glauben, dass ich so einen dummen Fehler gemacht. –

Verwandte Themen