Angular2 上的后退按钮坏了

Question

更新**

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

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

我有一个路由方案，您可以使用/question/:n 之类的 URL 模式在测验中的一系列问题之间切换。

我的组件实现了OnReuse、OnActivate 和CanReuse。

我的模型通过属性附加到组件。

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

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

我错过了什么？

Answer 1

如果这是一个基本的 href 问题，则很难用 Plunker 进行诊断。所以我不确定这是否是问题，但请尝试一下。

尝试改变这个：

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

到这里：

 <base href="/">

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