javascript - 如何从不同的提交按钮向 ng-submit 传递不同的参数?

标签 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。我觉得我缺少一个明显的解决方案。有人能帮我吗?谢谢。

最佳答案

在您的 3 个按钮中,不要传递参数,而是设置 $scope.someVariable与值(这将是不同的 3 个按钮点击)...

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

关于javascript - 如何从不同的提交按钮向 ng-submit 传递不同的参数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54285410/

相关文章:

angularjs - AngularJS 中的 <video> 中的海报属性出现错误?

php 和 MySQL 初学者接受用户输入、修改数据库并返回值

html - 编辑 HTML 选择按钮的 CSS 样式

javascript - window.alert() 在打包的应用程序中不可用

javascript - 合并具有相同 JSON 键的对象

javascript - Scroll-lock/You click->你可以向下滚动

angularjs - AngularJS中ng-click中的三元表达式

javascript - 为什么需要在 Angular 中使用 'timeout'

forms - Twitter Bootstrap : Stop input field extending beyond well

javascript - 按对象属性的键对对象数组进行排序