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

Angularjs 在ng repeat中启动动态表单值,angularjs,pug,angularjs-ng-repeat,Angularjs,Pug,Angularjs Ng Repeat,试图找出如何将我的动态表单进程更新为angular。我会将一个函数传递到模板上下文中。在jade循环中,我将把值传递到函数中,该函数将返回一个数组,该数组被传递到jade表单mixin中 表单功能: test_form: function(some_id){ return { form_action: '/some-page', submit_label: 'Submit', elements:{ element_n

试图找出如何将我的动态表单进程更新为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正确地完成这个任务?如果可能的话,我想使用我的翡翠形态混合体。

我会用类似于:

<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%确定我会那样做;我可以看到一些可以提取出各种类型的子指令的区域,等等。但是声明条件呈现的中心主题是我在这里得到的。

你可以让变量在某个范围内,让代码保持原样…@V31你是说这个
+表单(test_form({x.id}))
?不起作用,express给出了一个jade编译错误。Jade被编译成html。加载页面后,Angular会触发,这样他们就不能以这种方式相互交谈。