下面是一个场景：我有一个实现<iron-pages>的三页网站。Nav是一个工具栏，有三个纸质标签，没有抽屉。当我点击选项卡时，铁页的内容会加载到工具栏下方。一切都很好。
现在，我有几个子页面，我想从三个页面中的一个页面的内容链接。当页面加载时，我不希望它加载在三个选项卡下方，而是一个具有不同工具栏的新页面，左上角有一个箭头可以返回到上一个视图、单独的标题等。
几个问题：
这些子页面是否应该是三个主页所在的<iron-pages>列表的一部分？如果没有，你怎么推荐？(当我这样做时，内容会加载到工具栏下方，正如预期的那样。(
这些应该是一个完全独立的页面吗，比如我链接到的index.html或/src中的同级页面？如果是，那么它是同一应用程序的一部分吗？
对不起，我的问题太多了。在这种情况下，仍在努力了解单页应用程序的结构。最终，我希望这些页面是<animated-pages>，这样我就可以从主页面转换到子页面并返回。会把这些问题留到下一次。。。
谢谢！
一个简单的解决方案是将导航栏组件移动到每个需要它的顶级页面。然后，您可以移动新的"子页面"，使其成为其他页面的同级页面。
用户如何导航到不同的页面并不一定需要决定DOM的结构。
其他问题的答案
这些子页面是否应属于三个主页在里面？如果没有，你怎么推荐？(当我这样做的时候，如预期的那样，内容加载在工具栏下方。(
据我所知，没有。将您的所有页面(甚至"子页面"(作为兄弟页面将使DOM与应用程序层次结构解耦(即，如果视图的层次结构发生变化，则标记可以保持不变(。
这些应该是一个完全独立的页面吗我链接到的index.html或/src中？如果是，它是相同的一部分吗应用程序？
聚合物可以让我们构建可组合的构建块，所以我建议为每个页面提供不同的自定义web组件。在我的应用程序中，我通常将所有web组件粘贴在同一个文件夹中。示例目录结构可能如下所示：
my-app/
index.html
src/
components/
nav-bar.html
my-page1.html
my-page2.html
my-page3.html
然后，您可以使用index.html 中的自定义组件