Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用angularJS获取提交表单的按钮元素_Javascript_Angularjs - Fatal编程技术网

Javascript 使用angularJS获取提交表单的按钮元素

Javascript 使用angularJS获取提交表单的按钮元素,javascript,angularjs,Javascript,Angularjs,我想在提交按钮上的按钮上使用微调器。问题是我不知道如何获取按钮元素 当我在一个简单的按钮type='button'上使用它时,我只需在我的ng click中发送事件,然后执行以下操作: 杰德: Javascript: $scope.accounting = function(event){ event.preventDefault(); var loader = Ladda.create(event.currentTarget); loader.start(); }; 在这里

我想在提交按钮上的按钮上使用微调器。问题是我不知道如何获取按钮元素

当我在一个简单的按钮type='button'上使用它时,我只需在我的ng click中发送事件,然后执行以下操作: 杰德:

Javascript:

$scope.accounting = function(event){
   event.preventDefault();
   var loader = Ladda.create(event.currentTarget);
   loader.start();
};

在这里,当前目标是按钮,但在表单的情况下,当前目标具有表单和所有输入。问题是如何只针对相应的按钮

据我所知,Ladda用于指示按钮上的加载

我建议您在提交按钮上使用自定义指令。指令是在AngularJS中操作DOM的地方。您不应该为此使用记帐功能

这是文件:

您可以将指令customladda作为提交按钮的属性,如下所示:

<input type="submit" customladda data-style="zoom-in" data-size="xs" class="btn btn-primary btn-xs ladda-button">
以及指令代码:

app.directive('customladda', function(){
  return {
    restrict: 'A',
    link: function(scope, element, attrs){
        var button = element[0];
        element.on('click', function(){
          var loader = Ladda.create(button);
          loader.start();
        });
      }
    };
});
这是普朗克:

input.btn.btn-primary.btn-xs.ladda-button(type='submit', customladda='customladda', data-style='zoom-in', data-size='xs')
app.directive('customladda', function(){
  return {
    restrict: 'A',
    link: function(scope, element, attrs){
        var button = element[0];
        element.on('click', function(){
          var loader = Ladda.create(button);
          loader.start();
        });
      }
    };
});