AngularJS меняет отображение валюты, манипулируя $locale

$filter в компоненте AngularJS и $locale не являются частью цикла дайджеста. Таким образом, вы не сможете запустить автоматическое $scope обновление, изменив $locale объект конфигурации. На мой взгляд, это лучший способ не использовать $locale как часть цикла дайджеста (потому что вы не можете сделать это таким образом).

Вы должны сохранить конфигурацию своей валюты в глобальной доступной переменной или фабрике (что является частью цикла дайджеста). Вы можете использовать $rootScope, чтобы ваша привязка E2E работала хорошо. Также установите свою валюту в $locale.NUMBER_FORMATS.CURRENCY_SYM, чтобы продолжить эту настройку в других частях кода.

Вид:

<div ng-controller="MyCtrl">
   {{ value | currency: $root.currencySymbol }}
</div> 

Приложение AngularJS:

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function ($scope, $rootScope, $filter, $locale, $http, $timeout) {

   $scope.value = 0.00;
   $rootScope.currencySymbol = $locale.NUMBER_FORMATS.CURRENCY_SYM;

   $http.get('https://jsonplaceholder.typicode.com/posts').then(function (result) {
      $rootScope.currencySymbol = '€';
      $locale.NUMBER_FORMATS.CURRENCY_SYM = '€';
   });
});

>> Демонстрационная скрипта

Тот же подход с использованием фабрики:

Вид

<div ng-controller="MyCtrl">
   {{ value | currency: $root.currencyHandler.symbol }}
</div>

Приложение AngularJS

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function (
  $scope, 
  $rootScope, 
  $filter, 
  $locale, 
  $http, 
  $timeout,
  currencyHandler
  ) {

   $scope.value = 0.00;
   $rootScope.currencyHandler = currencyHandler;

   $http.get('https://jsonplaceholder.typicode.com/posts').then(function (result) {
      currencyHandler.setCurrencySymbol('€');
   });
});

myApp.factory('currencyHandler', function ($locale) {
    return {
    symbol: $locale.NUMBER_FORMATS.CURRENCY_SYM,
    setCurrencySymbol: function (value) {
      this.symbol = value;
        $locale.NUMBER_FORMATS.CURRENCY_SYM = value;
    }
  }
});

>> Демонстрационная скрипта

Другой подход с использованием $watch внутри factory:

Таким образом, вы можете установить $locale.NUMBER_FORMATS.CURRENCY_SYM непосредственно в логике вашего контроллера:

Вид

<div ng-controller="MyCtrl">
   {{ value | currency: $root.currencyHandler.symbol }}
</div>

Приложение AngularJS

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function (
  $scope, 
  $rootScope, 
  $filter, 
  $locale, 
  $http, 
  $timeout,
  currencyHandler
  ) {

   $scope.value = 0.00;
   $rootScope.currencyHandler = currencyHandler;

   $http.get('https://jsonplaceholder.typicode.com/posts').then(function (result) {
      $locale.NUMBER_FORMATS.CURRENCY_SYM = '€'
   });
});

myApp.factory('currencyHandler', function ($locale, $rootScope) {

  let currencyHandler = {
    symbol: $locale.NUMBER_FORMATS.CURRENCY_SYM
  };

  $rootScope.$watch(function () {
    return $locale.NUMBER_FORMATS.CURRENCY_SYM;
  }, function (value) {
    currencyHandler.symbol = value;
  });

  return currencyHandler;
});

>> Демонстрационная скрипта

Вы можете заставить angularjs обновить влияние $locale через $state.reload().