使用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的变量。此变量指示显示的当前视图。要修改它的值，您可以像在演示应用程序中一样使用铁选择器。

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

复制自：https://github.com/PolymerElements/polymer-starter-kit/blob/master/src/my-app.html