![](/img/trans.png)
[英]Creating a custom form validator on an element directive in Angular?
[英]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.