Javascript 抽象和动态表单字段

我正在尝试使用Ractive（0.9.x）创建一个动态表单。输入标记的value属性中应该有一个变量名，该变量名将绑定到当前的Ractive实例。在我的例子中，我一开始没有值。我的表单应该是空的和动态的。我的目标是序列化JSON对象中的数据

{{# keys:key }}
    <div class="ks-form-keyword">
    <label>{{this}}</label>
    <input name="{{this}}" value="" >
  </div>                   
{{/}}

{{{#key:key}
{{this}}
{{/}}

---

这里有一个小提琴来解释我的问题：

假设在

数据中有一个新字段以JSON的形式收集表单数据，例如
formData:{}

然后简单地将
更改为
就可以了

填写
uid
的值后，单击Go的结果：

{“uid”：“someTestValueByUser”、“header.category”：“header.priority”：“from”：“id”：“to”：“header.group”：“timestamp”：“}

另外，我不确定您是否需要
name=“{{this}}”
。如果您没有提交表单本身，则可以这样做

最后附上一份