选择更改后的纸单选按钮纹波坚持(paper-radio-button ripple persist

2019-10-20 10:53发布

给定一个纸-RADIO-组,如下所示

      <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>

当选择了男按钮后面的女按钮或反之亦然,不一致的波动保持在即使选择更改最后选择的按钮。 它发生在不具有堆栈跟踪一个不可预测的方式。

在上图中,女性被选择,随后男。

我使用的聚合物镖0.12.0-dev的和飞镖编辑器版本1.6.0.dev_03_00(DEV)达特SDK 1.6.0版本,dev.3.0

Answer 1:

根据该文档http://www.polymer-project.org/docs/elements/paper-elements.html#paper-radio-group selected<paper-radio-group>应该引用name<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传递的值。此尚不能工作。 但是,这是目前不可能的,因为这个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']);
}

目前似乎的唯一方法是将结合selected属性的字段,如图获取纸面的单选按钮的值



文章来源: paper-radio-button ripple persist after selection change