2016-08-05 30 views
0

Hallo alles, ich komme zu AngularJS, es schien einfach zu sein, aber ich verstand, dass es nicht ist. Ich möchte eine einfache Anmeldung ohne Authentifizierung, nur eine Anmeldung, die Sie Benutzername und Passowrd einfügen, klicken Sie auf die Login-Taste und eine Meldung erscheint und Sie benachrichtigt, dass Sie sich eingeloggt haben. Ich warf einen Blick auf die Dokumentation und ich schreibe Dieser CodeIch verstehe nicht, warum mein Code nicht funktioniert

<!DOCTYPE html> 
<html> 
<head> 
    <title>Login Prova</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
</head> 
<body> 
    <h1>Login</h1> 
    <div ng-app="mainApp" ng-controller="AppController"> 
     Inserisci username<input type="text" ng-model="username1"> 
     Inserisci password<input type="password" ng-model="password"> 
     <button ng-click="stampa()">Click!</button> 
     <p>Ciao {{result}}</p> 
    </div> 
    <script> 
     var mainApp = angular.model("mainApp",[]); 
     mainApp.controller('AppController',['$scope', function($scope){ 
      $scope.result = null; 
      $scope.stampa = function(){ 
       $scope.result = "Logged in"; 
      } 
     }]); 
    </script> 
</body> 
</html> 

Danke Ihnen allen für die mögliche Lösung.

+0

'angular.model()' sollte wahrscheinlich 'angular.module()' sein. –

Antwort

0

Sie haben einen Tippfehler. Es gibt keine angular.model-Funktion. Sie wollten eckiges Modul setzen.

var mainApp = angular.module("mainApp",[]); 
+0

Danke! War wirklich versteckt, ich war etwa 30 Minuten, um zu versuchen, die Lösung zu finden ... – Wallcraft