2017-01-08 8 views
0

polymer documentによれば、紙アイコンボタンはactivetoggleのようなプロパティを持っています。しかし、どのようにして 'ポリマーの道'を使ってボタンの状態を読み取ることができますか?ポリマー紙アイコンボタンの使い方は?

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

答えて

1

プロパティを値にバインドします。 Webページで

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

、それは 'アクティブを示しています'、と私はボタンをクリックすると、彼らは変更されません:偽 切り替えます。私は何か見落としてますか? – nos

+0

自分の答えを更新しました。間違いをお詫び申し上げます。 –

+0

ありがとうございました。それは今働いている。私も「育った」ことなく試してみましたが、うまくいくようです。 '育てた'ものは何ですか? – nos

関連する問題