自定義指令驗證

Question

我有一個下拉爲自定義指令。我需要表單驗證就可以了，所以我用這個代碼：

autoQuoteApp.directive('dropdown', function() { 
    return { 
     restrict: 'E', 
     scope: { 
     listData:'=', 
     selectedOption: "=" 
     }, 
     template: '<select ng-model="selectedOption" name="drop" required ng-options="list.id as list.value for list in listData"></select>', 
    }; 
}); 

的HTML代碼：

<div class="input-align"> 
    <dropdown selected-option='driverInfo.primaryVehicle' list-data='primaryVehicles'></dropdown> 
    <span class="error" ng-show="myForm.drop.$error.required"> 
     Required! 
    </span> 
</div> 

我面臨的問題是，我有一個單頁和驗證多重下拉菜單正在爲一個工作。

只要我選擇第一個值'必需的'文字被刪除，但我需要它，直到我選擇該特定下拉的值。

Answer 1

對於您創建的每個指令，保持一個獨立的名字

像 「drop1」

<div class="input-align"> 
<dropdown name="drop1" selected-option='driverInfo.primaryVehicle' list-data='primaryVehicles'></dropdown> 
<span class="error" ng-show="myForm.drop1.$error.required"> 
    Required! 
</span> 

對於其他下拉保持不同的名稱 「drop2」

<div class="input-align"> 
<dropdown name="drop2" selected-option='driverInfo.primaryVehicle' list-data='primaryVehicles'></dropdown> 
<span class="error" ng-show="myForm.drop2.$error.required"> 
    Required! 
</span>