Angular2でバインディングを含むテキストを動的に処理する

Question

テンプレートにバインドされた変数そのものが親変数とは異なるパラメータによって制御される変数値を持つ特定の状況を処理する方法を工夫しています。ここで私が何を意味するかの例です：

テンプレート：

<spell> 
    <em>Description: </em> {{ description }} 
</spell> 

例の説明：

This spell deals {{ val1 }} damage and heals for {{ val2 }} health. 
This spell grants {{ val1 }} additional armor. 

変数値：

[[30, 40, 50, 60, 70], [10, 20, 30, 40, 50]] 
[[10, 20, 30, 40, 50]] 

説明がのIDによって決定されますその呪文のレベルに依存します。

私の検索から、私はこの質問に対する答えが私が探していたものだと思ったが、それは動的に使用されるテンプレートごとにコンポーネントが必要なようだ。これは本当に私がやっていることのための正しい解決策ですか、私は代替策がないのですか？

How can I use/create dynamic template to compile dynamic Component with Angular 2.0?

Answer 1

、実行引数で関数を実行し、すでに角度にバインドするために、結果を使用するために機能するかを調べるために、ログイン/マップを持っている、すべての記述のための関数を作成します。

let fn = (val1, val2) => 
    `This spell deals ${val1} damage and heals for ${val2} health.`; 
let result = fn(5, 6);