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使用其他版本吗？

解决方法

In this jsfiddle,it seems to work,but it uses Angular 1.2.1. I am using Angular 1.3.14. Does somebody kNow how to make jsfiddle use other version?

我刚刚在Angular 1.3.15上本地运行了提供的代码 – 工作得很好.

当绑定到视图时,输入123071823,1238的计算结果为123071823.1238m.所以它似乎工作得很好(在我的最后,在你的小提琴).

1.3.14 jsFiddle

在jsfiddle上加载不同的版本：

>从“框架”和“框架”中移除角度扩展选项卡
>从code.angularjs.org获取你的版本.>将链接粘贴为jsfiddle中的外部资源.