Papier-Radio-Gruppe nimmt Auswahl nur auf zweiten Klick

Question

Dies ist wahrscheinlich etwas sehr einfaches, aber ich kann es jetzt nicht herausfinden. Ich habe eine Polymer-Papier-Radio-Gruppe mit verschiedenen Tasten, aber die Auswahl wird nicht vor dem zweiten Klick getroffen.

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

Und die JS:

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

Vielen Dank für Ihre Hilfe. Ich bin neu in Polymer.

Answer 1

Versuchen Sie dies besser:

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

Und Ihre JS:

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

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

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