我應該在表格上使用Ng-submit或ng-click嗎？

Question

我想知道是否有使用ng-click提交按鈕還是僅在表單上進行ng-submit的偏好？

我的假設是，我們應該在所有表單上使用ng-submit，並在所有非表單上使用ng-click。

我知道下面列出的區別：

• ng-submit允許用戶在專注於ng-click不在的表單上時按Enter
• ng-click可用於任何元素，其中ng-submit僅可應用於表單元素。

我想知道是否有人可以在此列表中添加其他內容，因為我想知道角度項目中的規范。

Answer 1

如果我們希望表單在無效時不提交，那么我們將對表單本身使用ng-submit指令，而不是ng單擊按鈕。

     <div class="row">
            <form name="adduser" ng-submit="AddUser(adduser.$valid)">                   
                <div id="name-group" class="form-group-lg">
                    <input type="text"
                           required
                           name="name"
                           ng-model="userfullName"
                           class="form-control"
                           placeholder="Full Name">
                </div>

在ng-submit中，我們從控制器使用參數formname。$ valid調用函數AddUser。 僅當表單有效或換句話說，表單的所有用戶輸入均有效時，才會調用此Submit函數。 請記住，在這種情況下，如果表單無效，則不會提交from

當我們使用ng-click時，即使表單無效也將被提交。 ng-click的兩個觀察結果如下：

1. 即使表格無效，我們也可以提交表格
2. 對於無效輸入，該值已在控制器中設置為undefined

Answer 2

根據經驗，對於使用Angular和Ionic移動應用程序，我使用ng-click是因為即使表單無效，也會啟用移動鍵盤箭頭（ Android ）或GO（ iOS ），並且無論如何仍會提交。 我不得不使用ng-click來避免驗證問題。

在網絡上，我之所以使用ng-submit僅僅是因為，就像您說的那樣，它是在回車時提交的。