javascript - 如何将 ng-model 输入值显示为 Angular 货币？

Question

我在 html 中

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

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

在 Controller 中

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

我希望文本框输入以货币形式输入(输入框中的 10 美元作为值)。如何实现？

Answer 1

您可以尝试使用 formatters和 parsers喜欢

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