货币转换 - AngularJS

时间:2017-01-18 14:32:57

标签: javascript angularjs typescript angularjs-directive

我对在网页上转换货币的最佳方法有疑问。

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

更新客户端和数据库内部值的最佳方法是什么?当然,性能最佳方式是什么?

编辑:

currencyFilter:

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>

谢谢,布伦特

2 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

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

  1. 用户打开模式,选择货币并确认。

  2. 客户端使用一些数据向服务器发送POST。客户等待     响应

  3. 服务器处理数据,保存到数据库
  4. 服务器向客户端发送响应
  5. 客户收到回复,继续执行代码