javascript - Angularjs 单选按钮未选择名称

Question

我的单选按钮是使用 JSON 数组生成的。 JSFiddle 在此处创建“jsfiddle.net/deborad/8j9b4a7q/4/”。具有相同属性(称为“组”)值的项目需要分组在一起。这意味着，在 fiddle 中，如果从具有组“A”的复选框中选择一个单选按钮，则应取消选择另一个单选按钮(相同的 A 组)，并且那些(A 组项目)应独立于具有值“B”的项目对于属性 'group' 。

问题是所有复选框都以相同的名称进行响应。如果选择了 B 组中的一个复选框，并且我选择了 A 组中的一个复选框，则 B 组中的第一项将被取消选择。我该如何解决这个问题？另外，我想分别保留 A 组和 B 组中选定的复选框值。请提供任何解决方案。

Answer 1

我更新了你的 fiddle 以使其可以工作。似乎它使用字符串“item.group”而不是项目对象的组键值。 See fiddle here

在 html 中绑定(bind)时，您应该使用 {{item.group}} 而不仅仅是 item.group。