Question

当我点击按钮时，它可以工作，但当我尝试添加＆＃34;数量＆＃34;然后单击箭头来执行此操作 - 它会立即运行该功能。我该如何避免呢？

<form ng-click="ctrl.launch(quantity, someOtherInfo)">
     <div class="quantity">
          <input type="number" ng-model="quant" ng-init="quant=1" min="1" step="1">
     </div>
     <button class="hit_it_button" >LAUNCH!</button>
</form>

我尝试在按钮中放置ng-click，但它根本不起作用。

Answer 1

您应该将ng-click更改为ng-submit。

以下是有用的link

Answer 2

我认为你的脚本应该是这样的：

<form>
 <div class="quantity">
      <input type="number" ng-model="quantity" ng-init="quant=1" min="1" step="1">
 </div>
 <button class="hit_it_button" ng-click="ctrl.launch(quantity)>LAUNCH!</button></form>

Answer 3

ngClick 不提交表单。您应该将ng-click更改为 ng-submit 。

<form ng-submit="ctrl.launch(quantity, someOtherInfo)">
     <div class="quantity">
          <input type="number" ng-model="quant" ng-init="quant=1" min="1" step="1">
     </div>
     <button class="hit_it_button" >LAUNCH!</button>
</form>

单击输入类型使用AngularJS触发表单

3 个答案: