angular2で動的データを文字列に補間します。

Question

私は、ajaxリクエストによってサーバーからデータをロードしています。 JSONファイルには、サイト内のポップアップの設定があります。

popupData: { 
    data:{ var_one: "hello", var_two: "world"}, 
    template: "the <b>{{var_two}}</b> say's {{var_one}}" 
} 

変数名とテンプレートは、ポップアップが発生するたびに異なります。

この文字列をどのように補間することができますか？ [innerHTML]を使用して表示するコンポーネントにあらかじめ作成された文字列を渡す必要があります。どこか

Answer 1

データを受信した後：

const popupString = popupData.template.replace(
    /{{\s?([^{}\s]*)\s?}}/g, 
    (substring, parsedKey) => { 
    const replacer = popupData.data[parsedKey]; 
    return typeof replacer !== 'undefined' ? replacer : substring; 
    } 
); 

それはあなたの例ではthe <b>world</b> says Helloに等しくなければなりません。

このコードはrobisim74’s angular-l10n（MITライセンス）から得られます。