Angularjs在控制器中引用表单获取html元素

Question

我有一个名为“loginForm”的表单，它有一个控制器“loginController”，它的方法“login”设置为表单的提交。如果我引用表单而不使用范围引用它，则在 javascript 中的登录方法内部；这样做是“loginForm”而不是“$scope.loginForm”；我得到了对 html 元素的引用，如果我检查 window.loginForm 我发现这是一个全局变量。我试图弄清楚这个变量是如何被创建并放入全局范围的。请参阅下面的 plnkr 链接以获取我所指的示例。

http://plnkr.co/YY3ls7ele8uNpnhstG3X

控制器

(function(){
  angular.module('testApp',[])
    .controller('loginController',['$scope',function($scope){

      $scope.login = function(){
        console.debug(loginForm); //console shows html element
        console.debug(window.loginForm); //shows html element
      }  
    }]);
  })();

Answer 1

如果您使用的是form，那么您需要从视图中传递它。

<form name="loginForm"  class="form-horizontal" ng-submit="login(loginForm)">

并在您的方法中获取它：-

$scope.login = function(loginForm){

或使用ng-form="formName" 将表单控制器实例作为范围的一部分，但 1.2 版本的 angular 存在问题，其中 ng-submit 不会在 ng-form 上触发。