Javascript Polymer 2.0纸张标签，可同时显示所有导入的元素，并带有熨斗页面和应用程序路径

我正在使用聚合物2.0。只是尝试为我的应用程序创建一个基本格式。我在应用程序底部使用纸质标签，并使用熨斗页面、应用程序路径和应用程序位置将标签正确地路由到3个不同的页面

我遇到的问题是，当我单击其中一个选项卡时，元素会被加载，但当我单击另一个选项卡时，元素会停留在页面上，因此我同时加载了两个元素

我的代码（基本上是PSK，但带有纸张标签，而不是熨斗选择器）：

类AppHub扩展了Polymer.Element{
静态get是（）{return'app hub'；}
静态获取属性（）{
返回{
第页：{
类型：字符串，
reflectToAttribute:true，
观察者：''u pageChanged'，
},
routeData:对象，
子例程：字符串，
};
}
静态获取观察器（）{
返回[
“_routePageChanged（routeData.page）”，
];
}
_routePageChanged（第页）{
//Polymer 2.0在初始化时将调用'undefined'。
//忽略，直到使用字符串正确调用为止。
如果（第===页未定义）{
返回；
}
//如果在路由数据中找不到页面，则页面将是空字符串。
//在这种情况下，默认为“视图1”。
this.page=第| |页“主页”；
日志（第页“routepagechanged”）；
}
_页面更改（第页）{
日志（第页“pagechanged”）；
//按需加载页面导入。如果失败，则显示404页面
var resolvedPageUrl=this.resolveUrl（'app-'+page+'.html'）；
聚合物进口参考号(
resolvedPageUrl，
无效的
这个。_showPage404.bind（这个），
正确的）；
}
_showPage404（）{
this.page=‘回退’；
}
}
window.customElements.define（AppHub.is，AppHub）；

---

有人知道为什么会这样吗？如果我需要显示正在加载的元素，我可以，但它们基本上只是显示文本。超级简单。谢谢

我认为您错过了

名称

属性，因为

必须按其名称选择

纸张选项卡

，而不是

---

经过很多努力，我发现我没有导入iron pages元素

<link rel="import" href="../../bower_components/iron-pages/iron-pages.html">

---

刚刚试过这个。虽然这是一个很好的陷阱，但似乎不是问题的原因。如果你还有其他想法，请告诉我！

<paper-tabs
    selected="[[page]]"
    attr-for-selected="name">
  <paper-tab link name="home">
    <a class="link" href="home">Home</a>
  </paper-tab>
  <paper-tab link name="featured">
    <a class="link" href="featured">Featured</a>
  </paper-tab>
  <paper-tab link name="jars">
    <a class="link" href="jars">My Jars</a>
  </paper-tab>
</paper-tabs>

<link rel="import" href="../../bower_components/iron-pages/iron-pages.html">