角度形式的非正统形式结构

Question

我正在尝试使用angular-formly来构建我的表单，唯一一个我无法弄清楚的是具有一点奇怪结构的表单。所以表单结构是这样的：

[checkbox]
[radio]
[text-input]

[checkbox]
[radio]
[text-input]

[checkbox]
[radio]
[text-input]

示例结果HTML结构（非常粗糙）将是：http://jsbin.com/bebinivaba/edit?html,output

...

问题是单选按钮需要来自同一个无线电组。我看到的唯一方法是在templateOptions属性中指定“options”对象中的选项。所以似乎没有办法在单选按钮之间插入任何东西......

我正在使用Bootstrap Template进行字段渲染。

Answer 1

我认为这正是您所寻找的：http://kentcdodds.jsbin.com/pemalec/edit?html,js,output

基本上，您只需在每个字段定义上指定name，对所有字段定义都相同。在我的例子中，我生成它：

var radioName = new Date().getTime() + 'radios';

只是为了确保它是唯一的，但你可以使用uuid或其他东西。我建议像这样生成它，否则你可以使用其他同名的无线电，你不想使用相同的名称： - ）