动态处理包含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确定，该描述中的值取决于该法术的级别。

从我的搜索中，我认为这个问题的答案可能是我要寻找的是什么，但是这似乎需要每个动态使用的模板的组件。这确实是我正在做的事情的正确解决方案，还是我错过了替代方案？

如何使用/创建动态模板与Angular 2.0编译动态组件？

Answer 1

为所有描述创建函数，具有登录/地图以找出运行什么函数，使用args运行函数，并且已经使用结果将结果绑定到Angular中。

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