模板内的纸质无线电组按钮可能吗?

时间:2014-12-06 09:39:52

标签: html5 data-binding polymer web-component

我正在使用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标签位于模板标签之外。但把它放在里面会让它像纸张单选按钮一样重复,而且也不会起作用。

有没有办法让它发挥作用?或者是不可能的?

1 个答案:

答案 0 :(得分:6)

<paper-radio-group>期待<paper-radio-button>为其子女。当您将它们包裹在<p>等其他元素中时,<paper-radio-group>无法管理状态。
<template>元素实际上并未包含在DOM中,并且在呈现元素时不会妨碍。