Javascript 使用angularJS获取提交表单的按钮元素
我想在提交按钮上的按钮上使用微调器。问题是我不知道如何获取按钮元素 当我在一个简单的按钮type='button'上使用它时,我只需在我的ng click中发送事件,然后执行以下操作: 杰德: Javascript: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(); }; 在这里
$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();
});
}
};
});