angular.js - 用西班牙语包装货币符号和十进制数字

Question

你能用 Angular 做这样的事情吗？

这样做不太可能，因为不解析标签或其他东西

{{ 10000 | currency:"<span>$</span>" }}

http://plnkr.co/edit/WluYoe2Ltmhmhvr8BBWX?p=preview

更不用说以某种方式分隔十进制数了..

理想的结果是

1 000 000<span class="dec">,00</span><span class="cur">€</span>

真的不可能与任何过滤器设置有关，是吗..？

我可以尝试修改 Angular 的货币过滤器和 formatNumber 函数，但它仍然会将其视为文本而不是 span 元素。

// 编辑 你实际上可以这样做http://plnkr.co/edit/dcEhHi8sp43564ZvC4D1?p=preview

<p ng-bind-html-unsafe="10000 | currency:'<span>$</span>'"></p>

仍然对小数一无所知

Answer 1

其实是可以的

<p ng-bind-html-unsafe="10000 | currency:'<span>$</span>'"></p>

或像这样将其包裹在本机货币过滤器上

app.filter('currencys', ['$filter', '$locale', 
    function($filter, $locale) {
        return function (num) {
            var sym = $locale.NUMBER_FORMATS.CURRENCY_SYM;
            return $filter('currency')(num, '<span>'+ sym +'</span>');
        };
    }
]);

然后像这样使用它

<span ng-bind-html-unsafe="10000 | currencys"></span>

Answer 2

有些语言环境有货币符号前缀，有些是后缀，例如“一百欧元”将呈现为“100 欧元”或“100 欧元”。然后呢？

如果您不介意进行一些解析，请继续阅读：

$locale 服务包含货币格式化所需的符号：

$locale.NUMBER_FORMATS.CURRENCY_SYM
$locale.NUMBER_FORMATS.DECIMAL_SEP

（在$locale.NUMBER_FORMATS.PATTERNS[] 中有更详细的信息-[1] 位置的值是货币）

您可以创建一个使用 currency 过滤器的指令来获取初始格式化字符串，例如"1 000 000,50 €" 然后搜索$locale.NUMBER_FORMATS.CURRENCY_SYM 并将其替换为<span>{{ $locale.NUMBER_FORMATS.CURRENCY_SYM }}</span>，对小数分隔符执行类似操作，然后设置元素的innerHTML。

Answer 3

您可以创建自定义过滤器

app.filter('euro', function () {
    return function (text) {
        text = text.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1 ");
        var t = text + '<span class="desc">,00</span><span class="cur">€</span>';
        return t;
    };
});

<span ng-bind-html-unsafe="1000000 | euro"></span>

结果将是

1 000 000,00€

Working Demo

（正则表达式由@Paul Creasey 在他的回答https://stackoverflow.com/a/1990554/304319 中发布）