大佬教程收集整理的这篇文章主要介绍了angularjs – Angular(指令新手):如何将日期时间选择器添加到ngModel以便可以验证它?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
名称是ng-model,但datetiR_451_11845@e不是因为它不是Angular的一部分而且是一个jquery组件
我想做的事?
这是plunker = http://plnkr.co/edit/wGrvXAFmPGoYSwh9GfxH?p=preview
a.)我想将日期与ngModel关联,如ngModel =“transaction.date”
b.)使用Angular方式根据需要验证它
看起来像的东西(很像Angular)
<input type="text" name="transactionDate" ng-model="transaction.date" data-date-format="yyyy-mm-dd hh:ii" required>
为什么?
a.以Angular的方式
b.)它使模型更加一致,以进行测试和验证
我在Stackoverflow问过这个问题并建议使用自定义指令,有人可以给我指示如何做到这一点吗?
请指导我,因为我目前无法验证它
非常感谢你
app.directive('datetiR_451_11845@e',function(){ return { reStrict: 'A',require: '?ngModel',link: function(scope,element,attrs,ngModel){ if (!ngModel) { console.log('no model,returning'); return; } element.bind('blur keyup change',function() { console.log('datetiR_451_11845@e changed: ',$('.form_datetiR_451_11845@e input').val()); scope.$apply(read); }); read(); function read() { ngModel.$setViewValue(element.val()); } } } });
可以找到here的plunker
以上是大佬教程为你收集整理的angularjs – Angular(指令新手):如何将日期时间选择器添加到ngModel以便可以验证它?全部内容,希望文章能够帮你解决angularjs – Angular(指令新手):如何将日期时间选择器添加到ngModel以便可以验证它?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。