javascript - 使用 AngularJS，我可以使用 json 数据生成输入并插入到 dom 中吗？

Question

我正在开发自定义模板系统。用户选择一个模板，进行 Angular $http 调用并获取有关模板的信息。该 json 响应中包含填充模板所需的输入:

{
    "template":{
        "title": "Test Template",
        "slug": "testTemplate",
        "version": 1.0,
        "inputs":
        [
            {
                "type": "text",
                "name": "title",
                "label": "Header Title"
            },
            {
                "type": "textarea",
                "name": "intro",
                "label": "Introduction"
            }
        ]
    }
}

我想使用每个输入中的值将该输入添加到页面上。我必须假设我不知道输入可以是文本、数字、选择、文本区域、文件等。我假设我需要使用指令来提供参数，该参数将返回生成的输入，然后我需要添加它们可能作为 ng-repeat 发送到页面。

任何帮助、链接或正确方向的插入都会很棒。

Answer 1

这是我快速完成的示例代码，它的工作原理是假设 json 的输入始终为零或多个。

$scope.inputs=
[
{
"type": "text",
"name": "title",
"label": "Header Title"
},
{
"type": "textarea",
"name": "intro",
"label": "Introduction"
}
];

<input ng-repeat="x in inputs" type="{{x.type}}" name="{{x.name}}">{{x.label}}</input>