javascript – 如何在角度中显示ng-model输入值作为货币?

发布时间:2019-03-14 整理:脚本之家 作者:未知
脚本之家收集整理的这篇文章主要介绍了javascript – 如何在角度中显示ng-model输入值作为货币?脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随脚本之家小编过来看看吧!
我有html
<input type="text" ng-model="price" >

<h2>{{ price | currency}}</h2>

在控制器中

$scope.price = 10;   
Which displays   **$10** in h1 if i change the value in price model input.

我希望文本框输入为货币(输入框中的$10作为值).
怎么做到这一点?

您可以尝试使用 formattersparsers之类的
app.directive('currency',function () {
    return {
        require: 'ngModel',link: function(elem,$scope,attrs,ngModel){
            ngModel.$formatters.push(function(val){
                return '$' + val
            });
            ngModel.$parsers.push(function(val){
                return val.replace(/^\$/,'')
            });
        }
    }
})

然后

<input type="text" ng-model="price" currency>

演示:Fiddle

总结

以上是脚本之家为你收集整理的javascript – 如何在角度中显示ng-model输入值作为货币?全部内容,希望文章能够帮你解决javascript – 如何在角度中显示ng-model输入值作为货币?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。