首页 / JAVASCRIPT / javascript – $parsers和$formatters只被调用一次,而不是每次更新值

javascript – $parsers和$formatters只被调用一次,而不是每次更新值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – $parsers和$formatters只被调用一次,而不是每次更新值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1283字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试创建一个名为currency的指令,它在输入中的文本之前追加$.美元符号应始终显示,不应删除.

这是我的代码：

app.directive('currency', function() {
    return {
    restrict: 'A',
    require: 'ngModel',
    link: function (scope, elem, attrs, controller) {

      // view -> model
      controller.$parsers.push(function (viewValue) {
        viewValue = viewValue.replace(/^\$/, '');
        controller.$viewValue = viewValue;
        return viewValue;
      });

      // model -> view
      controller.$formatters.push(function (modelValue) {
        modelValue = '$' + modelValue;
        controller.$modelValue = modelValue;
        return modelValue;
      });
    }
  };
});

工作示例：https://jsfiddle.net/U3pVM/29012/

如您所见,美元符号最初附加,但可以删除,之后不会附加.似乎我推送到$formatters的函数只被调用一次.是应该像那样工作还是我错过了什么？我该如何实现所需的行为？

解决方法:

好吧,我已经尝试了一种解决方法,它可以工作,但我不确定这是否是正确的方法.

更新小提琴：https://jsfiddle.net/U3pVM/29014/

controller.$parsers.push(function (viewValue) {
      //console.log(viewValue.substring(0,1));

      if(viewValue.substring(0,1) != "$"){
            var view_value = "$" + viewValue;
          controller.$setViewValue(view_value);
          controller.$render();
      }
        viewValue = viewValue.replace(/^\$/, '');
        //controller.$viewValue = viewValue;


        console.log(viewValue);
        return viewValue;
      });

P.S：我不确定你为什么要在你的链接函数中注入ngModel作为控制器.这可能是个错误.

内容总结

以上是互联网集市为您收集整理的javascript – $parsers和$formatters只被调用一次,而不是每次更新值全部内容，希望文章能够帮你解决javascript – $parsers和$formatters只被调用一次,而不是每次更新值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/795811.html

来源：【匿名】