角度形式双重发布（HTML中没有另一个ng-controller）

Question

this bites me too, like many others I have a simple ng-form (: cleared for bravity) in a partial:

<form ng-submit="functionName()">


                   <input type="text" class="postField" ng-model="model.text" required ng-maxlength=200 />
            <button class="postBT" ng-click="functionName()" ng-class="BToverclass" ng-mouseover="BToverclass = 'overShadow'" ng-mouseleave="BToverclass=''">Post</button>
            </div>

            </form>

for some reason every form submit, we get 2 posts to the controller, with all the data doubled. I checked and the specific controller doesn't appear in the html, but only in the route. Any idea what I'm missing?

Thanks!

Answer 1

You have both an ng-click() calling functionName() and a call to it from ng-submit . Each results in a call to your function. You only want the submit one.

FYI, you also have a </div> with no opening <div> for it to close.

Here's working code:

  <form ng-submit="functionName()">
      <input type="text" class="postField" ng-model="model.text" required ng-maxlength=200 />
      <button class="postBT" ng-class="BToverclass" ng-mouseover="BToverclass = 'overShadow'" ng-mouseleave="BToverclass=''">Post</button>

   </form>