如何在Ractive.js中绑定变量window['array[element]']？

Question

需要对具有“array[element]”这样非典型名称的变量进行双向绑定。

下面的语法有效，但是当我将 0 更改为 @index 时，它就会被破坏。在括号 [ ] 之前添加反斜杠也不起作用。

<input type="text" name="prices[{{@index}}]" value="{{someForm.inputs["prices[0]"].value}}" />

绑定变量的正确语法是什么？

Answer 1

您可以使用

@context

：

Ractive.DEBUG = false;
var ractive = Ractive({
  target: output,
  template: `
    {{ @context.get('array[element]') }}
  `,
  data: { 'array[element]': "FOO" }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/ractive/1.0.0-build-99/ractive.min.js"></script>
<div id="output"></div>

Answer 2

有一个在 html 标签属性中使用的语法：

value=`someForm.inputs[prices[${@index}]].value`

1. 使用反引号包围值文本
2. 使用 ${} 语法输入变量