javascript - 在 Angular View 中获取所有货币过滤器项

Question

我目前的工作逻辑应该根据用户选择的货币(dls、eur、brl)更改 View 中的所有价格，我想知道是否有可能在 View 中获取所有元素应用“货币”过滤器的位置。例如

<div>
    {{ somePrice | currency }}
    {{ anotherPrice | currency }}
    {{ vacationTicketCost | currency }}
</div>

然后在 Controller 中做一些魔术，最终得到一个类似

的数组

var pricesArray = [somePrice, anotherPrice, vacationTicketCost];

这样我就可以将货币更改应用于所有值。这是可能的还是我应该寻找另一种方法？

问候。

Answer 1

您的要求可能不是一个好主意，因为它需要您的 Controller 了解您的 View 。相反，您要做的是将 currency 过滤器传递到您的 Controller 中，并从那里使用它来创建您的显示值。然后您也可以将它们放入您的 Controller 中。

angular.module("app", [])
    .value("currentCurrency", "eur")
    .controller("controller", function(currentCurrency, currencyFilter){
        var vm = this;
        vm.val = "1.25";
        vm.currentCurrency = currentCurrency;

        vm.displayValue = currencyFilter(vm.val, vm.currentCurrency);
    });

Angular 允许您通过将名为 filternameFilter 的参数添加到 Controller 的构造函数中来传递过滤器。

这是显示以上内容的代码笔:http://codepen.io/troylelandshields/pen/EKjwRy