Javascript 聚合核心动画页面默认页面

Javascript 聚合核心动画页面默认页面,javascript,polymer,Javascript,Polymer,我正在使用在我的网站主页之间切换 我通过该页面的id选择需要显示的页面。您可以看到一个正在运行的示例。现在,我遇到的问题是,在加载页面时,应该选择的页面从url加载,例如www.example.com/home显示主页,www.example.com/activities显示示例中遗漏的活动页面代码,因为它们并不真正相关 但是当链接中提供的id不存在时,我该怎么办?是否有显示404消息的默认核心动画页面的选项?或者我必须检查每个链接是否在我所有页面的数组中,如果是,手动加载错误页面,否则显示正确

我正在使用在我的网站主页之间切换

我通过该页面的id选择需要显示的页面。您可以看到一个正在运行的示例。现在,我遇到的问题是,在加载页面时,应该选择的页面从url加载,例如www.example.com/home显示主页,www.example.com/activities显示示例中遗漏的活动页面代码,因为它们并不真正相关

但是当链接中提供的id不存在时,我该怎么办?是否有显示404消息的默认核心动画页面的选项?或者我必须检查每个链接是否在我所有页面的数组中,如果是,手动加载错误页面,否则显示正确的页面

同样,这里有一个例子:


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

在回顾您的示例时,我缺少的是如何处理路由。在一个典型的站点中,如果用户导航到example.com/foo或example.com/foo,我的期望是使用您当前的设置,该设置会将您带到ID为foo的相应核心动画页面或对应于该路径的部分


使用Polymer元素,基本解决方案可能会查询元素中的DOM,以查看是否可以找到ID notsupportedURL的一部分。如果没有,默认情况下会将用户带到核心动画页面404页面,该页面不必比现在的页面更复杂。

这里有几件事可以做

在最简单的情况下,您可以只验证pageChanged处理程序中的值。如果该页面不存在,请更新它:

页面更改:功能{ var foundPage=this.$.pages.querySelector+this.page; 如果!找到页面{ this.page='error' } ...

见:

如果不将core菜单直接绑定到core动画页面,则可以添加所需的任何逻辑。以下版本的操作与上一版本完全相同,但对所选页面使用单独的变量:


如果你的URL方案更复杂,我想你会想要一个路由器。例如,如果哈希包含多个级别和参数,例如people、/people/search或/people/edit/12343。

我已经添加了我当前在网站上链接的方式。最初删除了这部分代码,因为我认为它不相关。问题是现在使用的是data绑定url直接加载到核心动画页面和核心菜单的选定字段中,因此我不知道您的解决方案在实践中是如何实现的。