2016-08-05 163 views
0

大家好我接近AngularJS,它似乎很容易,但我明白,它不是。 我想做一个简单的登录而无需身份验证,只需要输入用户名和密码的登录名,点击登录按钮并出现一条消息,并通知您已经登录。 我看了一下文档,然后写此代码我不明白为什么我的代码不会工作

<!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> 

谢谢大家的可能解决方案。

+0

'angular.model()'应该是'angular.module()'。 –

回答

0

你有一个错字。没有angular.model函数。你打算把angular.module。

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

谢谢!真的被隐藏起来,我大概花了30分钟试图找到解决方案... – Wallcraft

相关问题