html - 模板内的纸 radio 组按钮可能吗？

Question

我正在使用 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 中使用。显示这个工作正常。 answers 数组中的每个项目都显示为纸单选按钮。

问题是它们没有相互连接。 So, when selecting one paper-radio-button, another is not deselected.这可能是因为 paper-radio-group 标签在模板标签之外。但是将它放在里面会使它像纸张单选按钮一样重复，这也不起作用。

有没有办法让它工作？还是不可能？

Answer 1

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