在ng repeat中启动动态表单值

Question

试图弄清楚如何将我的动态表单过程更新为angular。在角度之前，我会将一个函数传递到模板上下文中。在jade循环中，我会将值传递到函数中，该函数将返回一个数组，该数组被传递到一个jade形式的mixin中。

表单功能：

test_form: function(some_id){
    return {
        form_action: '/some-page',
        submit_label: 'Submit',
        elements:{
            element_name: {type: 'hidden', value: some_id},
        }
    };
}

翡翠模板：

include /base/form
each x in something
    +form(test_form(x.id))

现在我在这个循环中使用了ng repeat，我不能用这种方式创建表单。我如何才能用angular正确地实现这一点？如果可能的话，我想用我的玉形混合物。

Answer 1

我会用这样的东西来处理它：

<dyno-form ng-repeat="item in something" item="item"><dyno-form>

然后定义dynoForm指令的模板，使其看起来像

<input ng-if="item.type == 'text'" type="text" ng-model="item.model">
<input ng-if="item.type == 'checkboxes'" ng-repeat="boxval in item.checkboxes"> ...

等等。然后您可以为数据定义JSON对象，并将其传递给dynoform。操作json模型会更改表单布局。

当然，我不是百分之百肯定我会那样做；我可以看到可以为各种类型提取一些子指令的区域，等等。但声明条件呈现的中心主题就是我在这里得到的。