加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 在同一模型上发出两个指令

发布时间:2020-12-17 07:01:04 所属栏目:安全 来源:网络整理
导读:我写了两个指令.其中一个用于输入带有单位的数字(如“1m”): angular.module('ng',[]).directive('unit',function() { return { require: 'ngModel',link: function (s,e,attributes,ngModel) { ngModel.$parsers.push(function (i) { return i + attribute
我写了两个指令.其中一个用于输入带有单位的数字(如“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中的外部资源.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读