使用Angular JS中的ng repeat更改基于json的输入框类型

我想使用angular JS创建一个数据驱动的表单

我能够为每个标题重复和循环使用JSON字段，并在其中包含一个输入框

但现在我需要为不同的字段设置不同的文本框类型（也从JSON传入，例如“input”或“textarea”）

<div>
    <div ng-repeat="x in form">
        <h4>{{x.field_name}}</h4>
        <input class="form-control" placeholder="{{x.field_name}}" ng-model="result[x.field_name]">
    </div>
</div>

{x.field_name}

我希望能够根据传入的JSON更改标记

我试过使用

<x.field_ui_type 

像这样尝试：

<div ng-repeat="x in form">
    <h4>{{x.field_name}}</h4>
    <div ng-switch on="x.field_ui_type">
        <textarea ng-switch-when="textarea" ng-model="result[x.field_name]"></textarea>
        <input type="textbox" ng-switch-when="input" ng-model="result[x.field_name]" />
    </div>
</div>


{x.field_name}
Use type=“{{x.field\u ui\u type}”您想要不同的输入框类型还是不同的字段，如input、select、textarea？您必须在字段名上使用ng开关，并根据字段名选择适当的字段控件。除非使用jquery或javascript在加载时动态填充dom，否则无法动态创建input和textarea等字段。我如何为n执行此操作g-重复？
<div ng-repeat="x in form">
    <h4>{{x.field_name}}</h4>
    <div ng-switch on="x.field_ui_type">
        <textarea ng-switch-when="textarea" ng-model="result[x.field_name]"></textarea>
        <input type="textbox" ng-switch-when="input" ng-model="result[x.field_name]" />
    </div>
</div>