验证嵌套在ng中的输入元素repeat也用于页面加载,而不仅仅用于更改
validate input element nested in ng-repeat also on page load, not only on change
我有一个angularjs页面。我制作了一个自定义指令,以便验证嵌套在ng重复中的输入元素。现在,验证是有效的,但我也需要它来处理页面加载和页面上发生的更改(如选择下拉菜单和单击按钮),而不仅仅是当用户更改值时。我还需要添加指令(或添加到验证中),看看是否有来自该模块上控制器的筛选器值。
有什么建议吗?这是我当前的代码:
.directive('myDirective', function() {
return {
require: 'ngModel',
link: function(scope, element, attr, mCtrl) {
function myValidation(value) {
mCtrl.$setValidity('charE', false);
if (value>1){
mCtrl.$setValidity('charE', true);
} else {
mCtrl.$setValidity('charE', false);
}
return value;
}
mCtrl.$parsers.push(myValidation);
}
};
})
这是我的电话:
<td align="center">
<form name="myForm">
<!--<input name="myInput" ng-model="myInput" required my-directive>-->
<input type="number" name="myInput" ng-model="item.qtyToOrder" ng-model-options="{ updateOn: 'blur' }" ng-change="SavePO(item.qtyToReOrder, item.qtyToOrder, {{$index}})" required my-directive/>
<!--<span>test - {{myForm.myInput.$valid}}</span>-->
</form>
</td>
也许ngOnInit() {}
有助于解决您的问题!
参见https://angular.io/docs/ts/latest/api/core/OnInit-interface.html
能够直接在DOM上执行。
<input ng-class="{ 'has-error': item.qtyToOrder<=0 && filter.vendor !='' }" type="number" name="myInput" ng-model="item.qtyToOrder" ng-model-options="{ updateOn: 'blur' }" ng-change="SavePO(item.qtyToReOrder, item.qtyToOrder, {{$index}})" />
相关文章:
- 是否有用于加载外部脚本的JavaScript库
- 需要.js填充程序,用于加载 JQuery UI 和其他 JQuery 包
- 使用2个下拉选项构建表单,用于加载特定的PDF
- 用于加载动态 JSON 数据的 JQuery 移动事件
- ExtJS 4.2.1 用于加载指示和模态窗口的不同 CSS 掩码
- 用于加载页面后启动视频的 jQuery 脚本
- 用于加载的角度绑定不会更新 HTML
- W3C和/或用于加载非可视化网页资源的公认标准
- 动态命名的局部变量,用于加载模块
- 脚本不适用于加载的元素
- 用于加载的JQuery效果/动画
- 缓存用于加载记录的ajax响应-Rails 3
- click中的pendig引导模式用于加载远程数据
- slideToggle equivalanet用于加载页面的时间
- JavaScript模糊事件不适用于加载DOM后添加的项
- Require.js是否有用于加载单个依赖项的同步版本
- 用于加载图像的预加载器
- 确定用于加载javascript的协议
- Polyfill用于加载<头部>
- Soundcloud是否有一个Javascript监听器,用于加载新数据