Was ist die Verwendung von Polymerpapier-Icon-Button?

Question

Entsprechend der polymer document hat der Papier-Icon-Button Eigenschaften wie active und toggle. Aber wie kann man den Knopf mit dem "polymer way" ausdrücken?

Mit Hilfe von @Joel Turcotte Gaucher habe ich den folgenden Code geschrieben. Es schaltet jedoch immer noch nicht um, wenn ich auf die Schaltfläche klicke. Gibt es etwas, das ich vermisst habe?

<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

Binden Sie die Eigenschaft an einen Wert.

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