javascript - Polymer core-animated-pages 默认页面

Question

我正在使用 Polymer core-animated-pages 在我的网站主页之间切换。

我通过<section>的id来选择需要显示的页面.您可以查看实际示例 here .现在，我遇到的问题是在加载页面时，应该选择的页面是从 url 加载的，例如 www.example.com/home显示主页，www.example.com/activities显示事件页面(示例中省略的代码，因为不是很相关)。

但是链接提供的id不存在怎么办？是否有显示默认值的选项 core-animated-pages -带有 404 消息的页面？或者我是否必须检查每个链接是否在我所有页面的数组中，如果是，则手动加载错误页面并显示正确的页面？

同样，这里是示例:jsbin .

编辑:为了展示我的页面处理链接的方式，这里有一个更新示例:jsbin .链接本质上是 www.example.com/#home等等

Answer 1

我在查看您的示例时遗漏的一点是您处理路由的方式。在典型的站点中，如果用户导航到 example.com/foo 或 example.com/#foo 我的期望是(使用您当前的设置)您将转到 ID 为 foo 的相应 core-animated-pages 页面或与该路由对应的部分。

使用路由(可能是 Polymer flatiron-director 元素)，一个基本的解决方案可能会查询元素中的 DOM 以查看是否可以找到 ID notsupportedURL 的部分。如果不是，则默认将用户带到您的 core-animated-pages 404 页面，该页面不必比您现在的页面更复杂。