繁体   English   中英

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

[英]Initiate dynamic form values within ng-repeat

试图弄清楚如何将动态表单过程更新为有角度的。 在成角度之前,我会将一个函数传递到模板上下文中。 在玉器循环中,我将值传递到函数中,该函数将返回一个数组,该数组以玉器形式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,因此无法以这种方式创建表单。 我怎样才能用角度正确地做到这一点? 如果可能的话,我想用我的翡翠表mixin。

我会用类似的方法来处理它:

<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%肯定会那样做。 我可以看到可以提取各种类型的子指令的区域,依此类推。 但是声明条件渲染的中心主题是我在这里得到的内容。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM