aurelia - Aurelia 使用模板字符串动态绑定变量

Question

我正在尝试在id组件中设置组件的动态。

所以子组件有一个可绑定的uniqueId属性。父组件有自己的uniqueId，我试图将其保留在子组件中uniqueId，就像遵循 BEM 约定一样：

<text-input-editor repeat.for="boxSide of boxSides"
   uniqueId.bind="box-editor-${uniqueId}__${boxSide}-input"></text-input-editor>

但这给了我以下错误：（unconsumed token {删节）。

我尝试使用https://aurelia.io/docs/template/custom-elements#declarative-computed-values<let></let>中的元素，但这也不起作用。

我不确定如何在视图中执行此操作，因为我宁愿不在控制器级别处理此问题（这只是该视图中的许多组件之一）。

Answer 1

假设 uniqueId 在您的视图模型中有一个值，因为表达式已经具有“.bind”格式，这将是：

<text-input-editor repeat.for="boxSide of boxSides"
   uniqueId.bind="'box-editor-' + uniqueId + '__' + boxSide + '-input'"></text-input-editor>

否则，它可能是：

<text-input-editor repeat.for="boxSide of boxSides"
   uniqueId="box-editor-${uniqueId}__${boxSide}-input"></text-input-editor>

可以在以下位置查看工作版本：

代码沙盒

Answer 2

所以我没有特别尝试 Cristián Ormazábal 的回答，但我通过更改uniqueId为解决了我的问题unique-id：

<text-input-editor repeat.for="boxSide of boxSides"
  unique-id="box-editor-${uniqueId}__${boxSide}-input""
></text-input-editor>