纸张 - 单选按钮波纹在选择更改后持续 [英] paper-radio-button ripple persist after selection change

问题描述

如下所示的纸张收音机组

Given a paper-radio-group as shown below

      <paper-radio-group
        id="sex-group"
        selected='1'>
        <paper-radio-button label='Male'></paper-radio-button><br>
        <paper-radio-button label='Female'></paper-radio-button>
      </paper-radio-group>

当选择Male按钮，然后选择Female按钮时，反之亦然，上次选择的按钮，即使选择更改。

When the Male button is selected followed by the Female button or vice versa, inconsistently the ripple remains on the last selected button even though the selection changes. It occurs in a unpredictable manner with no stack trace.

在上图中，选择了女性，然后选择了男性。

In the graphic above, Female was selected followed by Male.

使用Polymer-dart 0.12.0-dev和Dart Editor版本1.6.0.dev_03_00（DEV）Dart SDK 1.6.0-dev.3.0

I am using Polymer-dart 0.12.0-dev and Dart Editor version 1.6.0.dev_03_00 (DEV) Dart SDK version 1.6.0-dev.3.0

推荐答案

根据文档 http ：//www.polymer-project.org/docs/elements/paper-elements.html#paper-radio-group
已选择 of <应该引用的名称：< paper-radio-group>

According to the docs http://www.polymer-project.org/docs/elements/paper-elements.html#paper-radio-group selected of <paper-radio-group> should reference the name of <paper-radio-button>

我试过，效果很好。

<paper-radio-group
  id="sex-group"
  selected='1'>
  <paper-radio-button label='Male' name='1'></paper-radio-button><br>
  <paper-radio-button label='Female' name='2'></paper-radio-button>
</paper-radio-group>

为选择更改添加事件处理程序

这不起作用，因为如果事件被触发以选择或取消选择（对于每个更改总是触发两次），则需要通常在event.detail中传递的值。但由于此错误 https://code.google .com / p / dart / issues / detail？id = 20648

To add an event handler for selection change
This doesn't work yet because a value normally passed in event.detail is needed if the event was fired for selection or deselection (it is always fired twice for each change). But this is currently not possible due to this bug https://code.google.com/p/dart/issues/detail?id=20648

<paper-radio-group on-change="{{changeHandler}}">
  <paper-radio-button name="sel1" label="Sel 1"><paper-radio-button>
  <paper-radio-button name="sel2" label="Sel 2"><paper-radio-button>
</paper-radio-group>

void changeHandler(Event e) {
  print(e.target.attributes['name']);
}

目前看来唯一的办法是绑定所选属性添加到字段，如获取纸张单选按钮的值

Currently it seems the only way is to bind the selected attribute to a field as shown in Getting the value of a paper-radio-button

这篇关于纸张 - 单选按钮波纹在选择更改后持续的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！