Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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上加载不同的版本:

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

大佬总结

以上是大佬教程为你收集整理的angularjs – 在同一模型上发出两个指令全部内容,希望文章能够帮你解决angularjs – 在同一模型上发出两个指令所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: