控制器未在AngularJS中工作_Angularjs

控制器未在AngularJS中工作

angularjs

控制器未在AngularJS中工作,angularjs,Angularjs,我是AngularJS的新手，正在做一个项目。我刚刚创建了一个登录表单，创建了一个模块和一个控制器。但控制器工作不正常 var loginApp = angular.module('loginApp', []); loginApp.controller('LoginAppController', function ($scope) { $scope.Click = function (name) { alert("Email: " + $scope.email + "

我是AngularJS的新手，正在做一个项目。我刚刚创建了一个登录表单，创建了一个模块和一个控制器。但控制器工作不正常

var loginApp = angular.module('loginApp', []);

loginApp.controller('LoginAppController', function ($scope) {

    $scope.Click = function (name) {
        alert("Email: " + $scope.email + ", Password: " + $scope.password);
    }

}

下面是视图的代码

<!DOCTYPE html>
<html lang="en" ng-app="loginApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>UltraServe</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="fonts/roboto.css" type="text/css" rel="stylesheet">
<link href="fonts/roboto-light.css" type="text/css" rel="stylesheet">
<link href="style.css" type="text/css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js"></script> 
<script type="text/javascript" src="Js/Controller/login.js"></script>
<link href="css/slider.css" rel="stylesheet" type="text/css">
<link href="login_style.css" rel="stylesheet" type="text/css">
</head>
<body ng-controller="LoginAppController">
<header>
    <div class="container">
        <div class="logo"> <a href="#"><img src="images/logo.png" /></a> </div>
        <!--logo end--> 
    </div>
</header>
<section class="page-wrap">
    <div class="container">
    <form class="form-horizontal login-form" role="form">
    <h2>Sign in to your account</h2>
      <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="inputEmail3" placeholder="Email" ng-model="email" required />  {{email}}
        </div>
      </div>
      <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
        <div class="col-sm-10">
          <input type="password" class="form-control" id="inputPassword3" placeholder="Password" ng-model="password" required /> {{password}}
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <div class="checkbox">
            <label>
              <input type="checkbox"> Remember me
            </label>
          </div>
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <button type="submit" class="btn btn-default red" ng-click="Click()">Sign in</button>
        </div> 
      </div>
    </form>


    </div>
</section>

</body>
</html>

我已经在视图中给出了

ng app=“loginApp”

，并且

ng controller=“LoginAppController”

但它并没有起到很好的作用。请帮我整理一下。提前感谢。

只需做以下更改即可

 $scope.Click = function() 
       {
         //your logic
        }

试试这个。将表单标记更改为

<form class="form-horizontal login-form" role="form" ng-submit="Click()">

你能详细说明什么不起作用吗？有错误吗？当我使用这样的控制器时，没有什么是好的。整个AngularJS停止工作。当我对控制器进行注释时，一切正常。未捕获语法错误：输入登录意外结束。js:19未捕获错误：无模块：loginApp。。。。以下是错误提示，您只需在angularjs脚本标记下方的head部分的html文件中编写控制器，然后运行感谢buddy。实际的错误是“）”括号。再次感谢。

<button type="submit" class="btn btn-default red">Sign in</button>

loginApp.controller('LoginAppController', function ($scope) {

    $scope.Click = function () {
        alert("Email: " + $scope.email + ", Password: " + $scope.password);
    }

});