我看到这个解决方案
http://jsfiddle.net/gronky/GnTDJ/,它的工作原理.也就是说,当您输入25时,将其推回到模型为0.25
HTML：
<script type="text/javascript" ng:autobind
src="http://code.angularjs.org/0.9.17/angular-0.9.17.js"></script>
<script>
function Main() {
this.var = '1.0000';
}
</script>
<div ng:controller="Main">
<input type="text" name="var" ng:format="percent">
<pre>var = {{var|json}}</pre>
</div>
JavaScript的：
angular.formatter('percent',{
parse: function(value) {
var m = value.match(/^(\d+)\/(\d+)/);
if (m != null)
return angular.filter.number(parseInt(m[1])/parseInt(m[2]),2);
return angular.filter.number(parseFloat(value)/100,2);
},format: function(value) {
return angular.filter.number(parseFloat(value)*100,0);
},});
我尝试使其在最新的AngularJS上工作,但它不再工作http://jsfiddle.net/TrJcB/也就是说,它被推回25,也不会将正确的0.25值推送到模型.
或者也许已经有一个内置的格式化程序百分比？我也想要货币格式化,或逗号分隔数.
小提琴不适用于当前的Angular版本,因为相当多的API已经改变了. angular.formatter不再可用,也不是angular.filter.
现在写的方法是使用指令,并使用指令控制器上可用的$parser和$formatter.所以你的链接功能看起来就像
link: function(scope,ele,attr,ctrl){
ctrl.$parsers.unshift(
function(viewValue){
return $filter('number')(parseFloat(viewValue)/100,2);
}
);
ctrl.$formatters.unshift(
function(modelValue){
return $filter('number')(parseFloat(modelValue)*100,2);
}
);
}
此外,过滤器现在通过$过滤器服务访问.您可以在这里找到文档：http://docs.angularjs.org/api/ng.filter:number
原始示例更新小提琴：http://jsfiddle.net/abhaga/DdeCZ/18/
