paper-radio-group 仅在第二次点击时进行选择

Question

这可能是非常简单的事情，但我现在无法理解。我有一个带有各种按钮的聚合物纸收音机组，但直到第二次单击才进行选择。

<paper-radio-group selected="{{radioSelected}}" on-change="viewChanger">
    <paper-radio-button name="none">None</paper-radio-button>
    <paper-radio-button name="sidebyside">Side by side</paper-radio-button>
    <paper-radio-button name="popup">Pop-up</paper-radio-button>
</paper-radio-group>

和 JS：

Polymer({
  is: 'x-menu',
  properties: {
      radioSelected: {
         type: String,
         value: "none"
      }
  },
  viewChanger: function() {
    console.log(this.radioSelected);
  }
});

感谢您的帮助。我是 Polymer 的新手。

Answer 1

更好地尝试这个：

<paper-radio-group selected="{{radioSelected}}">
  <paper-radio-button name="none">None</paper-radio-button>
  <paper-radio-button name="sidebyside">Side by side</paper-radio-button>
  <paper-radio-button name="popup">Pop-up</paper-radio-button>
</paper-radio-group>

还有你的 JS：

Polymer({
  is: 'x-menu',
  properties: {

    radioSelected: {
      type: String,
      value: "none",
      observer: '_radioGroupChanged'
    }
  },

  _radioGroupChanged: function(radioSelected) {
    console.log(radioSelected);
  }
});

paper-radio-group 仅在第二次点击时进行选择

paper-radio-group takes selection on second click only

javascript

polymer