AngularJS在获取HTML元素的控制器中引用表单

克鲁斯琴斯基

我有一个名为“ 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
      }  
    }]);
  })();
PSL

如果您正在使用,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上触发。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

来自$ scope的AngularJS以编程方式获取表单控制器

来自分类Dev

来自$ scope的AngularJS以编程方式获取表单控制器

来自分类Dev

从angularjs下一页中单击元素的控制器获取值

来自分类Dev

Angularjs | 如何从定义了控制器的元素中获取属性值

来自分类Dev

在AngularJs中的控制器外部重置表单字段

来自分类Dev

无法从 AngularJS 中的控制器访问表单

来自分类Dev

如何在angularjs的子模块中引用控制器

来自分类Dev

如何在angularjs的子模块中引用控制器

来自分类Dev

symfony2:获取控制器中的表单错误

来自分类Dev

在控制器导轨中获取表单数据

来自分类Dev

如何在AngularJS控制器中引用/要求父控制器?

来自分类Dev

在Angular控制器中获取对NgMap的引用

来自分类Dev

zf2 - 在表单/控制器工厂中获取控制器插件

来自分类Dev

控制器中templateUrl中的访问元素-AngularJS

来自分类Dev

无法在angularJs的组件模板html中获取父控制器数据

来自分类Dev

AngularJS Spring控制器表单提交

来自分类Dev

扩展angularjs表单控制器

来自分类Dev

AngularJS 控制器提交表单

来自分类Dev

angularjs 从控制器引用服务 getter

来自分类Dev

Angular.js:在控制器中获取元素

来自分类Dev

AngularJS:在控制器中获取工厂返回的数据

来自分类Dev

AngularJS并获取控制器中的窗口滚动位置

来自分类Dev

从AngularJS中的子指令获取对控制器的访问

来自分类Dev

AngularJS指令从控制器中的Ajax调用获取数据

来自分类Dev

在AngularJS控制器中获取TinyMCE textcontent

来自分类Dev

在AngularJS的基本控制器中获取ControllerAs别名

来自分类Dev

如何在 angularjs 控制器中获取 json 数据

来自分类Dev

使用表单控制器引用动态命名的表单控件

来自分类Dev

比较HTML页面中从angularJS控制器定义的变量

Related 相关文章

  1. 1

    来自$ scope的AngularJS以编程方式获取表单控制器

  2. 2

    来自$ scope的AngularJS以编程方式获取表单控制器

  3. 3

    从angularjs下一页中单击元素的控制器获取值

  4. 4

    Angularjs | 如何从定义了控制器的元素中获取属性值

  5. 5

    在AngularJs中的控制器外部重置表单字段

  6. 6

    无法从 AngularJS 中的控制器访问表单

  7. 7

    如何在angularjs的子模块中引用控制器

  8. 8

    如何在angularjs的子模块中引用控制器

  9. 9

    symfony2:获取控制器中的表单错误

  10. 10

    在控制器导轨中获取表单数据

  11. 11

    如何在AngularJS控制器中引用/要求父控制器?

  12. 12

    在Angular控制器中获取对NgMap的引用

  13. 13

    zf2 - 在表单/控制器工厂中获取控制器插件

  14. 14

    控制器中templateUrl中的访问元素-AngularJS

  15. 15

    无法在angularJs的组件模板html中获取父控制器数据

  16. 16

    AngularJS Spring控制器表单提交

  17. 17

    扩展angularjs表单控制器

  18. 18

    AngularJS 控制器提交表单

  19. 19

    angularjs 从控制器引用服务 getter

  20. 20

    Angular.js:在控制器中获取元素

  21. 21

    AngularJS:在控制器中获取工厂返回的数据

  22. 22

    AngularJS并获取控制器中的窗口滚动位置

  23. 23

    从AngularJS中的子指令获取对控制器的访问

  24. 24

    AngularJS指令从控制器中的Ajax调用获取数据

  25. 25

    在AngularJS控制器中获取TinyMCE textcontent

  26. 26

    在AngularJS的基本控制器中获取ControllerAs别名

  27. 27

    如何在 angularjs 控制器中获取 json 数据

  28. 28

    使用表单控制器引用动态命名的表单控件

  29. 29

    比较HTML页面中从angularJS控制器定义的变量

热门标签

归档