自定义指令验证
Custom directive validation
我有一个下拉菜单作为自定义指令。我需要表单验证,所以我使用了以下代码:
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>
我面临的问题是,我在一个页面上有多个下拉列表,而验证只适用于一个页面。
一旦我为第一个选择了值,所有的"必需"文本都会被删除,但我需要它在其他地方,直到我为那个特定的下拉列表选择了值。
对于您创建的每个指令,保留一个单独的名称
像"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>
相关文章:
- 表单级别的Anguarjs指令,访问所有字段并检查验证
- 是否有任何不需要后端的验证码角度指令
- 在 AngularJs 中验证自定义指令(我想让它成为必需的)
- 角度指令:使提交按钮指令侦听表单验证
- 在同一页面上多次使用的自定义指令 (AngularJS) 中的验证
- Angularjs - 使用自定义指令验证初始 url 值
- 角度指令验证和解密
- AngularJS通过指令重新验证提交
- 验证指令代码在ng重复中的每个项目上执行
- $render在角度1.2.2停止工作(文件验证指令)
- 在$invalid上添加验证指令并从文本框中删除数据的指令
- 通过摘要运行验证指令
- Angular 自定义验证指令在 KeyUp 事件上不显示错误
- 角度的自定义验证指令
- 自定义验证指令覆盖其他验证
- 自定义表单验证指令不传递输入数据
- blur angular JS上的异步验证指令
- 如果多个元素使用相同的自定义验证指令,如何验证表单
- 从外部访问表单验证指令
- 在AngularJS中验证指令中的字段