Polymer 1.0 聚合物1纸无线电组发行

我正在尝试使用

纸质单选组

绑定一组

纸质单选按钮

。这是我在

Index.html

中的代码：

你最喜欢哪位作家？

我的自定义元素如下所示：

<template>
  <template is="dom-repeat" items="{{data}}">
     <paper-radio-button name="{{item.value}}">{{item.name}}</paper-radio-button>
  </template>

{{item.name}

数据绑定很好，但我可以在组中选择多个单选按钮。我做错了什么

我附上了它现在的表现的截图。我需要在此

单选按钮组中一次只能选择一个选项

---

您需要为选定的

定义属性，以引用它需要分组的属性

<paper-radio-group attr-for-selected="name">

实际上
selected={{button}}
将所选单选按钮的名称/值存储到variable button中。这样你以后可以使用它，如果你想的话。至于你的问题“在广播组中只选择一个单选按钮”，我做了一些如下的改变，这对我很有效。请试一试：

自定义元素：

<dom-module id="radio-group-binder">
<template>
 <paper-radio-group selected="{{button}}" attr-for-selected="name">
  <template is="dom-repeat" items="{{data}}">
     <paper-radio-button name="{{item.value}}">{{item.name}}</paper-radio-button>
  </template>
 </paper-radio-group>
</template>


{{item.name}

Index.html：

 <radio-group-binder data={{data}}></radio-group-binder>
    <script>
   var data = [{"name": "William Shakespere", "value": "ws"}, {"name": "Arthur Conan Doyale", "value": "cd"}, {"name": "Shidney Sheldon", "value": "ss"}];
   document.querySelector('radio-group-binder').data = data; 
    </script>


var data=[{“name”：“William Shakespere”，“value”：“ws”}，{“name”：“Arthur Conan Doyale”，“value”：“cd”}，{“name”：“Shidney Sheldon”，“value”：“ss”}]；
document.querySelector（'radio-group-binder'）。data=data；


您可能需要在这两个位置添加“selected”。你能试试下面的吗

<radio-group-binder selected="{{button}}" data= yourdata....    

<paper-radio-group selected="{{button}}" attr-for-selected="name">

感谢您的快速回复。我应用了上述方法，但仍然是一样的。下面是屏幕广播：为{{button}}变量传递什么？我在一个自定义元素中定义了它，它在我的index.html中被引用为。对不起，我的初级理解在这里。我已经编辑了更新的答案。检查是否有效。只要selected={{button}}您不需要传递任何东西，我想它会将选中的单选按钮值/名称存储在button变量中。这样你以后就可以用了。我已经将纸质广播组从index.html移到了您的自定义元素模板中，它成功了。谢谢你给我指路。现在我正在尝试扩展功能，但我无法做到这一点。如果你有时间，请看一下我的问题，并告诉我我做错了什么。再次感谢你的帮助。