RactiveJS迭代器（for）结构

Question

我想知道，例如我是否number_of_fields => 2并且我想要显示两个输入文本：

{{ # number_of_fields }}
   <input type="text" />
{{ / fields }}

这样做，显然会导致一个输入，因为我传递的参数（number_of_fields）实际上是一个简单的元素。我想要完成的是在CV生成器中添加“添加新字段”功能，我想用ractive“自动”执行它，而不是仅使用JS手动点击添加新的element。

Answer 1

我找到了一种我认为真正有用的方法。即使在for中有RactiveJS的任何“简单”或自然方式，我们仍然可能发现自己需要binding或controlling数据，所以如果我们会有这个：

{{＃fields_number：num}}      {{/ fields}}

将这些值绑定的方法非常糟糕，我相信大家都同意。现在，我刚才在这里问https://stackoverflow.com/questions/25460380/的情况完全相同。

然后它让我感到震惊！

我考虑过array x null values x，number of inputs就是... data : { groups : [ 'group1', 'group2', ...], fields : { group1 : [ null, null ], group2 : [ null, null, null ], ... } ... 。

{{ # groups:number }}
    <div id="{{ . }}">
        {{ # fields[ groups[ number ] ]:index }}
            <input type="text" value="{{ fields[ groups[ number ] ][ index ] }}" />
        {{ / fields }}
    </div>
{{ / groups }}

然后将数据直接绑定到这些值会更容易：

ractive.get( 'fields' )

现在，您有{{1}}个完整的绑定数据:)。希望这有帮助！