Polymer 从一组iron页面链接到具有不同应用程序标题和背面的子页面

这里有一个场景： 我有一个三页的网站，实现

。Nav是一个有三个纸张标签的工具栏，没有抽屉。当我单击选项卡时，熨斗页面的内容会加载到工具栏下方。一切都好

现在，我有几个子页面，我想从三个页面中的一个链接。当页面加载时，我不希望它加载到三个选项卡下面，而是希望它是一个具有不同工具栏的新页面，在左上角有一个箭头返回到以前的视图，单独的标题，等等

几个问题：

这些子页面是否应该是三个主页所在的

列表的一部分？如果没有，你有什么建议？（当我这样做时，内容会按预期加载到工具栏下方。）

这些页面应该是我链接到的完全独立的页面，比如index.html或in/src的同级页面吗？如果是，那么它是同一个应用程序的一部分吗

对不起，我没有回答你的问题。在这种情况下，仍在试图理解单页应用程序是如何构造的。最后，我希望这些页面是

，这样我就可以从主页转换到子页面，然后再转换回来。将把这些问题留到下次讨论

---

谢谢

一个简单的解决方案是将导航栏组件移动到每个需要它的顶级页面。然后可以移动新的“子页面”，使其成为其他页面的同级页面

用户如何导航到不同的页面并不一定需要指定DOM的结构

其他问题的答案 这些子页面是否应属于同一列表的一部分 三个主要页面在哪？如果没有，你有什么建议？（当我这样做的时候， 按预期在工具栏下方加载内容。）

据我所知，没有。将所有页面（甚至“子页面”）保留为同级将使DOM与应用程序层次结构分离（即如果视图的层次结构发生变化，则标记可以保持不变）

这些页面是否应该是一个完全独立的页面，就像 index.html或在/src中，我链接到哪个？如果是的话，它是相同的一部分吗 那你呢

Polymer允许我们构建可组合的构建块，因此我建议为每个页面使用不同的自定义web组件。在我的应用程序中，我通常将所有web组件粘贴在同一文件夹中。示例目录结构可能如下所示：

my-app/
  index.html
  src/
    components/
      nav-bar.html
      my-page1.html
      my-page2.html
      my-page3.html

然后可以使用index.html中的自定义组件