AngularJS在獲取HTML元素的控制器中引用表單

Question

我有一個名為“ loginForm”的表單，該表單具有一個控制器“ loginController”，該控制器的方法“ login”設置為表單的提交。 如果我引用表單而不用范圍引用它，則在javascript中的login方法內部； 這樣做是“ 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"將表單控制器實例作為作用域的一部分，但是angular的1.2版本存在一個問題，即ng-submit在ng-form上不會被觸發。