Question

根据polymer document，纸张图标按钮具有active和toggle等属性。但是如何使用“聚合方式”读取按钮状态呢？

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

将属性绑定到值。

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

聚合物纸图标按钮有什么用？

1 个答案: