angularjs – 在同一模型上发出两个指令
我写了两个指令.其中一个用于输入带有单位的数字(如“1m”):
angular.module('ng',[]) .directive('unit',function() { return { require: 'ngModel',link: function (s,e,attributes,ngModel) { ngModel.$parsers.push(function (i) { return i + attributes.unit; }); ngModel.$formatters.push(function (i) { return (i + '').replace(attributes.unit,''); }); } } }); 第二个用.替换,因为欧洲的许多人使用小数点而不是小数点,我希望我的值被规范化. angular.module('ng',[]) .directive('numberWithPoint',ngModel) { ngModel.$parsers.push(function (i) { return i.replace(',','.'); }); } } }); 用法是: <input type="text" ng-model="howLongSomethingIs" unit="m" number-with-point /> m 问题:指令单元如果单独使用就会很好,如果我添加number-with-point指令,则单位不起作用(显示的值例如是1m而不是1. 我试图弄乱返回对象中的优先级属性,但什么都没发生. 如何使这两个指令协同工作? 在这个jsfiddle中,它似乎工作,但它使用Angular 1.2.1.我正在使用Angular 1.3.14.有人知道如何让jsfiddle使用其他版本吗? 解决方法
我刚刚在Angular 1.3.15上本地运行了提供的代码 – 工作得很好. 当绑定到视图时,输入123071823,1238的计算结果为123071823.1238m.所以它似乎工作得很好(在我的最后,在你的小提琴). 1.3.14 jsFiddle 在jsFiddle上加载不同的版本: >从“框架”和“框架”中移除角度扩展选项卡 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |