使用應用程序路由和紙張圖標按鈕更改頁面

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> 

從複製