我搜索到处都是这个.每个堆栈溢出有一个答案,它实际上没有工作.与任何示例或谷歌组的例子相同,包括文档的角度.
简单的输入与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.
