angular-formly 中的非正统形式结构

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

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

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

只是为了确保它是独一无二的，但您可以使用 uuid 或其他东西。我建议像这样生成它，否则你可能会得到其他同名的收音机，而你不想拥有相同的名称:-)

Unorthodox form structure in angular-formly