Wie wird der NG-Modell-Eingabewert als Währung in Winkel angezeigt?

Question

Ich bin in html mit

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

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

In Controller

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

Ich mag das Textfeld Eingabe in Währung ($ 10 in Eingabefeld als Wert) sein. Wie erreicht man das?

Answer 1

Sie können versuchen, formatters und parsers wie

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(/^\$/, '') 
      }); 
     } 
    } 
}) 

mit dann

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

Demo: Fiddle

Answer 2

Für die Eingabe Ich benutze keine ng-bind oder ng-model, habe ich immer ng-value anstelle .

<input type="text" ng-value="variable | currency:'US$ '" />