我不明白为什么我的代码不会工作

时间:2016-08-05 12:22:30

标签: angularjs login angularjs-ng-click sendmessage

嗨,我正在接近AngularJS,这似乎很容易,但我知道事实并非如此。 我想在没有身份验证的情况下进行简单登录,只需登录用户名和passowrd,单击登录按钮并显示一条消息,并通知您已登录。 我看了一下文档并编写了这段代码

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

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

1 个答案:

答案 0 :(得分:0)

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

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