Question

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

我继续调整app / index.html以添加我需要的内容并删除我不想要的内容，然后我尝试设置我将使用的路由。由于已经有一个纸质菜单，其中包含一系列不同路线的锚点，我继续复制其中一个，只更改了我的路线名称，以及关于＆＃39;：

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

与之前相同，我复制了现有的部分，并将data-route值替换为上面锚点上的相同值，＆＃39; about＆＃39;。但是，当我单击左侧面板上的“关于”链接时，有两个明显不同的行为：

Page似乎满载：当我点击about链接时，浏览器网址变为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';
});

铁页面＆＃39;选定的路线不会带来内容

1 个答案: