我想知道,例如我是否number_of_fields => 2
并且我想要显示两个输入文本:
{{ # number_of_fields }}
<input type="text" />
{{ / fields }}
这样做,显然会导致一个输入,因为我传递的参数(number_of_fields
)实际上是一个简单的元素。我想要完成的是在CV生成器中添加“添加新字段”功能,我想用ractive“自动”执行它,而不是仅使用JS手动点击添加新的element
。
答案 0 :(得分:2)
我找到了一种我认为真正有用的方法。即使在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}}个完整的绑定数据:)。希望这有帮助!