簡體   English   中英

ngSubmit驗證之前的角度自定義表單元素指令?

[英]Angular custom form element directive before ngSubmit validation?

所以假設我有一個表格:

<form ng-submit="submitForm()">
    <custom-form-element><custom-form-element>
    <button name="submit">Submit<button>
<form>

無論如何,指令定義的link (或其他地方,如果合適的話)中的customFormElement所包含的數據(假設是某種自定義字段)是否要進行某些操作,以在提交表單之前驗證/清除其中的數據?

我不想在submitForm()函數中執行此操作,因為那里可能有多個相同元素。

編輯:說我在做的不是驗證本身,可能會有所幫助,但更像是... customFormElement修改作用域上的特定屬性。 例如

$scope.customFormElementData = {};

然后,在提交之前,它看起來像:

$scope.customFormElementData = {
    foo: 'bar',
    baz: 'quuz'
};

但是,我想做的是:

$scope.customFormElementData = {
    foo: '',
    baz: ''
}

我想同時省略foo和bar。

無需弄清楚您要完成的工作是否是最佳方法,您就可以通過廣播事件來做您想做的事情。

因此,在您的SubmitForm()函數中:

$rootScope.$broadcast('aboutToSubmitForm');
$rootScope.$broadcast('submittingForm');

在控制器中:

$scope.$on('submittingForm', function() { //form submittal logic here });

然后,在指令的鏈接函數中:

$scope.$on('aboutToSubmitForm', function(){ //your pre form submission logic here });

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM