2015-07-11 87 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