如何在按钮单击时传递表单操作以及在该按钮单击上执行某些功能?

时间:2015-09-25 12:52:43

标签: angularjs html5

我想点击按钮

执行2操作

1)执行保存操作并取得成功

2)转到paypal

<form role="form" id="checkoutform" name="checkoutform" novalidate="novalidate" ng-submit="saveClick()" action="https://www.sandbox.paypal.com/cgi-bin/webscr">

...
...
..
 <button type="submit" id="purchase" class="btn btn-primary">Purchase</button>
</form>

使用角度js。

2 个答案:

答案 0 :(得分:1)

你回答了自己的问题#1我相信。

  

1)执行保存操作并取得成功

ng-click="saveClick()"指令将触发控制器中的saveClick()函数。

您可以执行保存操作。

如果您没有安装应用或控制器,请访问AngularJS文档。 Angular Getting Started

  

2)转到paypal

为此,请检查角度注入服务$location。您可以执行$location.path("https://www.paypal.com")

之类的操作

这是link

如果您需要点击控制器中的链接而不是将用户发送到您希望使用ang $http注入服务的页面。

Here

答案 1 :(得分:1)

当您在1个html文件中有2个表单时,如果您想在单击第一个表单按钮时调用另一个表单(第2个),那么...

这是使用angularjs的最佳解决方案 我在.js文件中创建了函数

    $scope.load = function () {
              document.getElementById("paypalform").submit();
      }

并在另一个函数中调用它,如save()

我的第一个表单有1个按钮,保存功能成功之后保存其调用保存我称之为...

$timeout(function () { $scope.load(); }, 1000, true);

这个函数调用另一个形式(第二个),其名称类似于paypalform。

及其工作..