Filtro numeri statici Angularjs con delimitatore personalizzato

Question

Come modificare il delimitatore nel filtro del numero Angularjs dalla virgola a qualcosa di personalizzato?

Ora {{ price | number }} restituisce 1,000.00. E ho bisogno di averlo come 1 000.00.

In che modo è necessario riscrivere il filtro angolare incorporato?

Answer 1

Non è necessario fare confusione con la sorgente Angolare o modificare le impostazioni internazionali su altro. Non hai nemmeno bisogno di scrivere un filtro personalizzato per questo. basta cambiare NUMBER_FORMATS.GROUP_SEP del servizio locale $ per tutto ciò che serve:

$locale.NUMBER_FORMATS.GROUP_SEP = ' '; 
$scope.price = 100000; 

Ma è meglio farlo in blocco corsa, piuttosto che nel controller.

angular.module('demo', []).controller('MainCtrl', function($scope, $locale) { 
 
    $locale.NUMBER_FORMATS.GROUP_SEP = ' '; 
 
    $scope.price = 100000; 
 
});

<script src="https://code.angularjs.org/1.4.3/angular.js"></script> 
 

 
<div ng-app="demo" ng-controller="MainCtrl"> 
 
    {{ price | number }}  
 
</div>