2015-07-11 48 views
0

在Polymer 1.0中選擇按鈕時,我無法獲得觸發功能。基本上,例如,當選擇「中」時,將彈出警報。我對聚合物非常陌生,並試圖讓我的頭腦發熱。聚合物1.0紙張無線電組條件

<dom-module id="my-app"> 
    <template> 
     <paper-radio-group selected="{{selection}}"> 
     <paper-radio-button name="small" label="Small"></paper-radio-button> 
     <paper-radio-button name="medium" label="Medium">Meduim</paper-radio-button> 
     <paper-radio-button name="large" label="Large"></paper-radio-button> 
     </paper-radio-group> 
    </template> 
    <script> 
     Polymer({ 
     is: "my-app", 
     ready: function() { 
      if (this.selection === "medium") { 
      alert("medium"); 
      } 
     } 

     }); 
    </script> 
    </dom-module> 

回答

2

從本質上講,您需要將綁定連接起來以在選擇更改時通知您。首先,設置selection屬性,然後定義一個觀察者。只要屬性值發生變化,觀察者回調就會被調用。

... 
Polymer({ 
    is: "my-app", 
    properties: { 
    selection: { 
     type: String, 
     observer: "selectionChanged" 
    } 
    }, 
    selectionChanged: function (newval, oldval) { 
    if (newval === "medium") { 
     alert("medium"); 
    } 
    } 
}); 
+0

是否有像這些事件的任何文檔閱讀?我很新,想知道你是如何知道答案的。謝謝。順便說一句,你的答案就像一個魅力! – Sylar

+0

不用擔心 - 不幸的是,除了聚合物網站(https://www.polymer-project.org)中已有的聚合物文檔外,我還沒有遇到其他更好的聚合物文檔來源。你可以查看這個(http://chuckh.github.io/road-to-polymer/)瞭解一些額外的信息,但我覺得最好的學習方法是實際查看https:/ /github.com/PolymerElements。這是學習常用模式的好方法。 – zerodevx

+0

我會去看那些文件。再次感謝 – Sylar