AngularJS多種表單-如何通過名稱提交表單？

Question

我在每個手風琴中都使用一個窗體的Angular UI Bootstrap手風琴。 如何通過ID或表單名稱提交表單？ 本質上，我有一個綁定到手風琴的click事件，我想以某種方式將表單名稱作為參數傳遞，然后提交？

謝謝

Answer 1

而不是傳遞表單的名稱或ID，您應該傳遞表單綁定到的對象，或者只是動態地將其從控制器的$scope拉出。

在角度上，在您的控制器中具有與DOM相關的任何形式都被認為是不好的形式。 通過在控制器中使用DOM，它會大大降低控制器的測試能力，而后者是構建角度的關鍵支柱之一。

例：

<form ng-submit="handleSubmit(formData)">
    <input ng-model="formData.field1"/>
    <input ng-model="formData.field2"/>
</form>

根據您的plnkr示例，調用在窗體的rcSubmit屬性中定義的函數，請執行以下操作：

formElement.bind('submit', function () {
    $parse(attributes.rcSubmit)();
});

$ parse的文檔說明了Converts Angular expression into a function ，在這種情況下正是您所需要的。