iron-pages 的选定路线不会带来内容

Question

我刚开始尝试通过 yeoman 生成器使用 Polymer。它搭建了似乎与聚合物入门套件相同的代码。

我继续调整 app/index.html 以添加我需要的并删除我不需要的，然后我尝试设置我将使用的路线。由于已经有一个纸质菜单，上面有一堆指向不同路线的锚点，我继续复制其中一个，只将我的路线名称更改为 'about':

<a data-route="users" href="/users" on-click="onDataRouteClick">
  <iron-icon icon="info"></iron-icon>
  <span>Users</span>
</a>

<a data-route="about" href="/about" on-click="onDataRouteClick">
  <iron-icon icon="info"></iron-icon>
  <span>About</span>
</a>

（第一个是已经存在且有效的版本，第二个是复制的版本）

然后，在主要内容区域，我继续对 iron-pages 标签内的一个部分执行相同操作：

<section data-route="users">
  <paper-material elevation="1">
    <h2 class="page-title">Users</h2>
    <p>This is the users section</p>
    <a href="/users/Rob">Rob</a>
  </paper-material>
</section>

<section data-route="about">
  <paper-material elevation="1">
    <h2 class="page-title">About</h2>
    <p>About Section</p>
  </paper-material>
</section>

和以前一样，我复制了现有的部分，并用上面锚点 'about' 上的相同值替换了 data-route 值。但是当我单击左侧面板上的关于 link 时，有两个明显的不同行为：

页面似乎已满载：当我点击关于 link 时，浏览器 url 变成 localhost:5000/about，而当我点击用户时，它变成 localhost:5000/#!/users
主要内容部分没有呈现：我认为这与之前的错误有关，但尝试点击 localhost:5000/#!/about 仍然没有显示任何内容。

除此之外我什么都没碰。还有其他地方我应该设置什么吗？在似乎是它的聚合物视频上。

Answer 1

更新您的 page.js 路线（可能位于 /elements/routing.html）。见 polymer-starter-kit:

page('/about', scrollToTop, function() {
  app.route = 'about';
});

iron-pages 的选定路线不会带来内容

iron-pages' selected route won't bring content

polymer

polymer-starter-kit