微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

是否可以在AngularJS中的视图和模型之间转换值以进行输入?

新的AngularJS。试图找出我将如何完成这一点,或者如果它是可能的。

我知道我可以通过使用绑定一个值到输入框

<input type="number" ng-model="myvalue">

但是,如果我想要它,使模型和视图之间的值转换?

例如,对于货币,我喜欢将我的价值存储在美分。但是,我想允许我的用户输入美元金额。所以我需要在视图和控制器之间转换该值100倍,即在模型中我将有100,在视图中,我将有1。

那可能吗?如果是这样,我如何实现呢?

我遇到了和你一样的问题。我开始使用wciu的解决方案,但遇到一个问题,其中的价值将闪烁之间的美分和美元。我结束了钩入到管道,用于做视图和模型之间的绑定。
merchantApp.directive('transformTest',function() {
  return { restrict: 'A',require: 'ngModel',link: function(scope,element,attrs,ngModel) {

      if(ngModel) { // Don't do anything unless we have a model

        ngModel.$parsers.push(function (value) {
          return value*100;
        });

        ngModel.$formatters.push(function (value) {
          return value/100;
        });

      }
    }
  };
});

原文地址:https://www.jb51.cc/angularjs/145721.html

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

相关推荐