如何通过不同的提交按钮将不同的参数传递给ng-submit?

时间:2019-01-21 07:46:17

标签: javascript angularjs forms

使用AngularJs,我有一个网页,其中有三个按钮来调用方法。每个按钮当前都有自己的ng-click属性,并调用相同的方法,但传递不同的参数:

<button type="submit" ng-click="main.save(131)" title="Set Ready to Ship" class="btn btn-primary btn-header" ng-disabled="!main.allowedToShip || main.isLoading" ng-show="main.allowedToShip">
    <span class="icon-truck icon"></span>
</button>

<button type="submit" ng-click="main.save(132)" title="Set in Use" class="btn btn-primary btn-header" ng-disabled="!main.allowedInUse || main.isLoading" ng-show="main.allowedInUse">
    <span class="icon-meter icon"></span>
</button>

<button type="submit" ng-click="main.save(130)" title="Save" class="btn btn-primary btn-header" ng-disabled="!main.allowedModify || main.isLoading">
    <span class="icon-floppy-disk icon"></span>
</button>

我已经在该页面上创建了一个表单,并且我想让按钮使用表单的ng-submit来代替其当前的ng-click方法。但是,我不知道如何将正确的参数传递给ng-submit。我感觉好像缺少一个明显的解决方案。有人能帮我吗?谢谢。

1 个答案:

答案 0 :(得分:2)

在您的3个按钮中,而不是传递参数,而是设置一个$scope.someVariable的值(3次按钮单击将有所不同)...

然后,在由于<input type="submit" style="display:none">而运行的Submit函数中,单击...,您可以处理此$scope.someVariable