0

我正在尝试使用 angular-formly 来构建我的表单，唯一我想不通的是结构有点奇怪的表单。所以表单结构是这样的：

[checkbox]
[radio]
[text-input]

[checkbox]
[radio]
[text-input]

[checkbox]
[radio]
[text-input]

一个示例结果 HTML 结构（非常粗略）是这样的：http: //jsbin.com/bebinivaba/edit ?html,output

...

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

我正在使用引导模板进行字段渲染。

4

1 回答 1

2

我认为这就是你要找的东西：http: //kentcdodds.jsbin.com/pemalec/edit ?html,js,output

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

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

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

于 2015-10-14T15:05:53.890 回答