Question

以下是一个场景： 我有一个实现<iron-pages>的三页网站。导航是一个工具栏，有三个纸张标签，没有抽屉。当我单击选项卡时，铁页面的内容会加载到工具栏下方。一切都好。

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

几个问题：

这些子页面是否应该是三个主要页面所在的<iron-pages>列表的一部分？如果没有，你怎么推荐？（当我这样做时，内容会在工具栏下方加载，如预期的那样。）

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

对于noob问题抱歉。在这种情况下，仍然试图了解单页应用程序的结构。最终我希望这些页面为<animated-pages>，以便我可以从主页面转换到子页面并返回。将这些问题再保存一段时间......

谢谢！

Answer 1

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

用户如何导航到不同的页面并不一定需要决定如何构建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中使用自定义组件