我正在使用Polymer创建项目并具有以下代码:
<paper-radio-group>
<template repeat="{{answer in answers}}">
<p>
<paper-radio-button name="{{answer.choice}}" label="{{answer.choice}}"></paper-radio-button>
</p>
</template>
</paper-radio-group>
我有一份我想在纸质广播组中使用的答案列表。显示此工作正常。答案数组中的每个项目都显示为纸质单选按钮。
问题在于它们没有相互连接。因此,当选择一个纸质单选按钮时,不会取消选择另一个。这可能是因为paper-radio-group标签位于模板标签之外。但把它放在里面会让它像纸张单选按钮一样重复,而且也不会起作用。
有没有办法让它发挥作用?或者是不可能的?
答案 0 :(得分:6)
<paper-radio-group>
期待<paper-radio-button>
为其子女。当您将它们包裹在<p>
等其他元素中时,<paper-radio-group>
无法管理状态。
<template>
元素实际上并未包含在DOM中,并且在呈现元素时不会妨碍。