ruby-on-rails - AngularJS 过滤器 - Ruby on Rails 资产：预编译问题

Question

我在 Ruby on Rails 中使用了 AngularJS。我使用了带有自定义符号的货币过滤器。

<span>{{value|currency:'¥'}}<span>

该过滤器在开发环境中工作正常。

¥1,000.00

但是，在生产模式下运行时，货币符号会转换为特殊字符。

�1,000.00

PS：我在所有文件中都使用了 UTF-8 编码。在production.rb中尝试了以下

config.assets.js_compressor = Sprockets::LazyCompressor.new { Uglifier.new(:mangle => false) }

知道如何解决这个问题吗？谢谢各位

Answer 1

在你的production.rb环境文件中包含这样的东西怎么样？ config.assets.precompile += %w( angular.js )

或者可以使用这个 gem https://github.com/hiravgandhi/angularjs-rails

Answer 2

我通过覆盖货币过滤器并添加来解决问题.replace(/\uFFFD/g, currencySymbol);

以下原始代码摘自https://github.com/angular/angular.js/blob/1c1cd4fdf6b6d7511c7b8dc61b8042011dc54830/src/ng/filter/filters.js

currencyFilter.$inject = ['$locale'];
function currencyFilter($locale) {
  var formats = $locale.NUMBER_FORMATS;
  return function(amount, currencySymbol){
    if (isUndefined(currencySymbol)) currencySymbol = formats.CURRENCY_SYM;
    return formatNumber(amount, formats.PATTERNS[1], formats.GROUP_SEP, formats.DECIMAL_SEP, 2)
           .replace(/\u00A4/g, currencySymbol);
  };
}

最终代码将如下所示

return formatNumber(amount,currencyFormat , ',', '.', fractionSize).
        replace(/\u00A4/g, currencySymbol).replace(/\uFFFD/g, currencySymbol);