app-routeとpaper-icon-buttonを使用してページを変更します

Question

starter kitに基づいて私は新しいアプリケーションを作成しました。私は、さまざまなページをアプリのツールバーにある一連のアイコンにリンクしたいと考えています。

私が働いてそれを得た：

<a href="/main-stream"> 
     <paper-icon-button icon="icons:view-stream"></paper-icon-button> 
    </a> 

しかし、私はここで何かをしないのですね。より良い方法がありますか？

Answer 1

あなたのアプリケーションには、pageという変数があります。この変数は、現在表示されているビューを示します。その値を変更するには、デモアプリケーションのようにアイロンセレクターを使用することができます。 https://github.com/PolymerElements/polymer-starter-kit/blob/master/src/my-app.html

：からコピー

<iron-selector selected="[[page]]" attr-for-selected="name" class="drawer-list" role="navigation"> 
    <a name="view1" href="[[rootPath]]view1">View One</a> 
    <a name="view2" href="[[rootPath]]view2">View Two</a> 
    <a name="view3" href="[[rootPath]]view3">View Three</a> 
</iron-selector>