2013-10-21 56 views
2

這個咬我太像many others我有一個簡單的NG-形式(: 清除了bravity)在部分:角形式的雙張貼(沒有在HTML另一NG-控制器)

<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> 

由於某種原因每個表單都提交,我們會向控制器發送2個帖子,所有數據都會翻倍。我檢查了具體的控制器沒有出現在HTML中,但只在路線中。任何想法我失蹤?

謝謝!

回答

3

您有一個ng-click()調用functionName()和從ng-submit打電話給它。每個函數都會調用您的函數。你只需要提交一個。

僅供參考,您還有一個</div>沒有開放<div>爲它關閉。

這裏的工作代碼:

<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> 
+0

謝謝!我明天再查。並且如果表單有另一個按鈕提交給另一個選項(對同一個控制器)?,我應該刪除ng-submit還是ng-submit(因爲它是相同的函數)請注意兩個輸入字段和按鈕(一個用於上傳文件..)? – alonisser

+0

ng-submit將以與傳統html中提交相同的方式處理所有表單元素。你可能想要保持ng提交。對於文件上傳,你可能想看看ngUpload:http://twilson63.github.io/ngUpload/ – KayakDave