我不明白为什么我的代码不会工作
问题描述:
大家好我接近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>
谢谢大家的可能解决方案。
答
你有一个错字。没有angular.model函数。你打算把angular.module。
var mainApp = angular.module("mainApp",[]);
+0
谢谢!真的被隐藏起来,我大概花了30分钟试图找到解决方案... – Wallcraft
'angular.model()'应该是'angular.module()'。 –