json - 使用 EmberJS 和 JSON 模式即时生成表单？

Question

我搜索并发现了这个问题( GUI-based or Web-based JSON editor that works like property explorer )，其中有几个指向从 JSON 生成 UI 的资源的链接。

我对展示 emberjs 使用 JSON Schema ( http://json-schema.org/ ) 生成动态表单的任何示例或已知项目感兴趣。项目如:

羊驼毛( http://www.alpacajs.org )

json-editor(https://github.com/jdorn/json-editor)

有任何想法吗？

Answer 1

是的，您可以根据一些 JSON 轻松地动态生成表单。

您需要将 JSON 对象映射到路由器(或 Controller )中的键数组:

model: function() {
  var json = {a: 'red', b: 'yellow', c: 'blue'};
  var items = [], key;
  for (key in json) {
    if (json.hasOwnProperty(key)) {
      items.push({name: key, value: json[key]});
    }
  }
  return items;
}

只需使用 each您认为的 helper :

{{#each field in content}}
  {{field.name}}: {{input type="text" value=field.value}}<br>
{{/each}}

我做了一个工作 JSBin用上面的代码。