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决定，该描述中的值取决于该法术的等级。

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

Answer 1

为所有描述创建函数，使用login / map查找要运行的函数，使用args运行函数并已使用结果在Angular中绑定。

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