AngularJS在创建控制器时禁用表单

时间:2014-09-13 13:30:24

标签: angularjs angularjs-controller

AngularJS禁用(无法提交)没有特定操作集的表单:

<form action="">

创建控制器时。创建指令或工厂时没有这个问题。

你可以在这里看到这个:

http://plnkr.co/edit/gWFRMKGO3FzZtOgs4VmW?p=preview

表格定义为:

<form action="" method="post">

如果您删除第6行的开头,则可以提交表单。

一个简单的解决方案是定义动作,但我不想这样做,因为没有必要。

更新

这里可以找到一些关于尝试在Angular中进行此更改的详细信息:

https://github.com/angular/angular.js/pull/3776

1 个答案:

答案 0 :(得分:1)

您可以使用ng-submit来处理。

<form ng-submit="submitForm()" method="post">
  <input name="test" value="11111111" />
  <button type="submit" name="submit" value="1">Send</button>
  <input type="submit" name="submit2" value="Send2" />
</form>

这样表单将正常提交,您必须实际发送submitForm函数的数据(仅作为示例名称)。

这是一个快速的plnkr:http://plnkr.co/edit/lwWVG0CDHSGMtMU0B8Nj?p=preview

请注意,您可以使用按钮提交,也可以在字段中按Enter键。我希望这就是你一直要求的。

由于