我的问题非常简单。我有2个下拉(一个小时,另一个小时)。我在Angular中使用指令(zero-time-directive
)进行了验证,以验证它们两者不能同时为0。验证工作正常,并且执行得当。但是,如果我向ng-click
标记添加md-option
函数,则该指令将停止执行。同样,如果我删除ng-click
,我的验证指令将在md-option
个标记中再次执行。
我已尝试包装 ng-click
内div
个标签,以防md-option
不接受{{1}指令,但它不起作用,验证没有执行。我认为指令代码并不重要,因为它工作正常,但如果你需要看到它只是让我知道。
Dropdowns的:
ng-click
控制器:
<md-input-container style="margin-left: 30px">
<label>Hours*</label>
<md-select ng-model="time.selectedHour" name="hours" zero-time-directive="{{time.selectedMinute}}">
<md-option ng-repeat="hour in time.hours" value="{{hour}}" ng-click="setSelectedHour(hour)">
{{hour}}
</md-option>
</md-select>
<div ng-messages="overtimeHoursForm.hours.$error">
<div ng-message="noZero">Both time values cannot be zero.</div>
</div>
</md-input-container>
<md-input-container style="margin-left: 30px">
<label>Minutes*</label>
<md-select ng-model="time.selectedMinute" name="minutes" zero-time-directive="{{time.selectedHour}}">
<md-option ng-repeat="minute in time.minutes" value="{{minute}}" ng-click="setSelectedMinute(minute)">
{{minute}}
</md-option>
</md-select>
<div ng-messages="overtimeHoursForm.minutes.$error">
<div ng-message="noZero">Both time values cannot be zero.</div>
</div>
</md-input-container>