javascript – Angularjs货币格式在输入框与ng模型:如何获取每个输入$格式化程序

搜索到处都是这个.每个堆栈溢出有一个答案,它实际上没有工作.与任何示例或谷歌组的例子相同,包括文档的角度.

看起来很简单我想要一个函数调用用户按下的每个键的输入.

简单的输入与ng模型

<input class="form-control" ng-model="model.thisisnotfun" formatter type="text" required>

根据我读过的一切$formatters应该将模型中的值更新为调用$formatters数组中的任何函数的视图.当我在输入框中输入时,它们永远不会被调用.

.directive('formatter',function ($filter,$parse) {
    return {
        require: 'ngModel',link: function (scope,element,attrs,ngModel) {

            ngModel.$formatters.push(
                function (value) {
                    console.log('this only gets called on page load');
                }
            );
        }
    };
})

我知道有很多自定义方法来做到这一点,我已经做了.我不需要一个工作,我只想知道如何正确地使用$formatters来“格式化”视图数据.

非常非常简单的jsfiddle http://jsfiddle.net/fh7sB/4/

感谢任何帮助.

解决方法

当模型更新时,$格式化程序将被调用,以格式化要显示用户的值. $解析器相反,即将值从视图字符串转换为真实模型,例如,一个号码.

在这里分叉的小提琴:http://jsfiddle.net/9tuCz/按按钮;它会改变模型并再次触发$formatters.

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...