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进行此循环，我无法以这种方式创建表单。我怎么能用角度正确地完成这个？如果可能的话，我想使用我的玉石混合物。

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模型会改变表单布局。

当然，我并非100％肯定我会这样做;我可以看到哪些区域可以提取出各种类型的子指令等等。但是声明条件渲染的中心主题就是我在这里得到的。

在ng-repeat中启动动态表单值

1 个答案: