通貨換算 - AngularJS

Question

通貨をページに変換する最良の方法は何ですか？

現時点では、特定の通貨で多くの入力フィールドがあります。ユーザーが通貨換算ボタンをクリックすると、モーダルポップアップが開きます。ユーザーが選択したときに、保存をクリックするとモーダルが自動的に閉じます。何が起こったのは、通貨と為替レートがデータベースに保存されたことです。

クライアント側とデータベース内の値を更新するにはどのような方法が最適ですか？

EDIT：

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> 

おかげで、ブレント

Answer 1

このため使用angular currency filters。

Answer 2

POSTリクエストを使用して、データをデータベースに送信します。サーバー側では、要求を処理し、更新されたデータで応答を送信します。クライアント側のアプリケーションが実行を継続する前に、要求が完了していることを確認するために、モーダルが閉じられると、約束を使用するべきです。したがって、要約で

1. ユーザーはモーダルを開き、通貨を選択して確認します。

2. クライアントは、いくつかのデータでPOSTをサーバーに送信します。クライアントがデータベース

3. サーバーに保存されますが、クライアント
4. クライアントに応答を送信し、 応答

5. Serverプロセスのためのデータを待ってレスポンスを受信し、コードの実行は、私はカスタム通貨フィルターを使用しています