紙のラジオ・グループは2回目のクリックでのみ選択します

Question

これはおそらく非常に単純なものですが、今はそれを理解できません。私はさまざまなボタンを備えた高分子紙のラジオ・グループを持っていますが、2回目のクリックまでは選択されません。

<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); 
    } 
});