AngularJS: Применить фильтр к шаблону

Question

Я создал простой фильтр для форматирования числа, основываясь на текущей локали.

angular.module('myApp').filter('doubleFilter', DoubleFilter); 

function DoubleFilter($translate) { 
    return function(val, decimalPlaces) { 
     if (val && (typeof val === 'number')) { 
      val = val.toFixed(decimalPlaces); 
      if ($translate.use() === 'de_DE') { 
       val = val.replace('.', ','); 
      } 
     } 
     return val; 
    } 

}; 

Я называю этот фильтр в моем шаблоне, как это и она отлично работает:

{{dog.weight | doubleFilter : 2}} 

Однако, когда я изменить язык с помощью $ translate.use («en_US») формат чисел в мой шаблон не обновляется. Очевидно, что я упускаю что-то здесь.

Как я могу обновить представление, когда изменения языка?

Answer 1

Я думаю, ваша директива должна слушать «местное измененное уведомление», например:

scope.$on('$localeChangeSuccess', function() { 
      // code to execute the filter 
       }); 

Answer 2

Оформление фильтра с сохранением состояния может помочь (см https://docs.angularjs.org/guide/filter)