javascript - polymer 纸图标按钮有什么用？

Question

根据polymer document ，paper-icon-button 具有 active 和 toggle 等属性。但是如何使用“polymer 方式”读取按钮状态呢？

在 @Joel Turcotte Gaucher 的帮助下，我编写了以下代码。但是，当我单击按钮时它仍然没有切换。有什么我错过的吗？

<dom-module id="todo-app">                                                      
    <template>   
    <paper-toolbar>                                                             
        <paper-icon-button icon="menu" active="{{isActive}}" toggle="{{isToggle}}"></paper-icon-button>
        <span class="title">TodoSlacker</span>                                  
    </paper-toolbar>      
    <p>                                                                             
    Active: {{isActive}} <br>                                                       
    Toggle: {{isToggle}}                                                            
    </p>  
    </template>                                                                   
    <script>                                                                      
    Polymer({                                                                   
      is: "todo-app",                                                           
      properties: {                                                             
        isActive: Boolean,                                                      
        isToggle: Boolean             
     }
    });                                                                         
    </script>                                                                     
</dom-module> 

Answer 1

将属性绑定(bind)到一个值。

<p>
  Active: {{isActive}} <br> // The button is toggle!
</p>
<paper-icon-button icon="menu" active="{{isActive}}" toggles raised >Tap Me</paper-icon-button>