Angular2 上的后退按钮坏了

back button on Angular2 is broken

已更新 **

我正在使用路由编写我的第一个 Angular2 应用程序。一个简单的测验应用程序。

单击后退按钮会触发问题行为,模板无法使用模型中的数据正确呈现。

我有一个路由方案,您可以使用 URL 模式(例如 /question/:n.

在测验中的一系列问题之间切换

我的组件实现了 OnReuseOnActivateCanReuse

我的模型通过 属性.

连接到组件

This Plunker 有我的应用程序的简化版本。

您可以看到单击“下一步”按钮会转到下一个问题并更新 URL。单击浏览器的后退按钮确实会将 URL 改回原样,但模板实际上并未呈现。

我错过了什么?

如果是基本 href 问题,则很难用 Plunker 诊断。所以我不确定这是否是问题所在,但请试一试。

尝试改变这个:

<script>document.write('<base href="' + document.location + '" />');</script>

为此:

 <base href="/">

在你的 index.html 内。如果它已经设置为后者,请发表评论,我将更新此回复。