货币转换 - AngularJS答案

【问题标题】：Currency Conversion - AngularJS货币转换 - AngularJS
【发布时间】：2017-06-02 23:44:47
【问题描述】：

我有一个问题，关于在页面上转换货币的最佳方法是什么。

目前我有很多特定货币的输入字段。当用户单击货币转换按钮时，将打开一个模式弹出窗口。当用户做出选择后，他可以单击保存，模式将自动关闭。发生的事情是货币和货币汇率已保存到数据库中。

在客户端和数据库内部更新值的最佳方式是什么，当然性能方面的最佳方式是什么？

编辑：

货币过滤器：

export function FormatCurrencyFilter(currencyService: ICurrencyService, userProfileService: IUserProfileService) {
    return (input: any, format: string) => {
        if (input === undefined || input === null || isNaN(input))
            return input;

        format = format || '0,0.00 $';

        let rate = currencyService.currentCurrencyRate;
        input = input * rate;

        let n: Numeral = numeral(input);
        let language: any = numeral['languageData']();
        language.currency.symbol = currencyService.currentCurrency.code;
        language.delimiters.thousands = userProfileService.impersonatedProfile.formatNumberThousand;
        language.delimiters.decimal = userProfileService.impersonatedProfile.formatNumberDecimal;

        return n.format(format);
    };

HTML 标签：

<p class="form-control" editable-text="peril.value" editable-currency>{{::peril.value | formatCurrency}}</p>

谢谢，布伦特

【问题讨论】：

标签： javascript angularjs typescript angularjs-directive

【解决方案1】：

为此使用angular currency filters。

【讨论】：

我正在使用自定义货币过滤器。当我更新过滤器中的值时，它只会更新客户端而不是模型。
您可以在您的问题中添加自定义货币过滤器吗？
虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。

【解决方案2】：

使用 POST 请求将一些数据发送到数据库。在服务器端，处理请求，然后发送带有更新数据的响应。一旦模态关闭，您应该使用承诺，以确保在客户端应用程序继续执行之前请求完成。所以总结一下

用户打开模式，选择货币并确认。
客户端向服务器发送带有一些数据的 POST。客户端等待回应
服务器处理数据，保存到数据库
服务器向客户端发送响应
客户端收到响应，继续执行代码

【讨论】：