Question

基于starter kit我创建了一个新应用。我想将不同的页面链接到应用工具栏中的一组图标。

我得到了它：

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

但我觉得我在这里遗漏了一些东西。还有更好的方法吗？

Answer 1

在您的app-Component中，您有一个名为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

使用app-route和paper-icon-button更改页面

1 个答案: