Angular2上的后退按钮已损坏

更新**

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

单击“上一步”按钮会触发问题行为，模板无法使用模型中的数据正确渲染

我有一个路由方案，您可以使用类似

/question/：n

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

我的组件实现了

OnReuse

、

OnActivate

和

CanReuse

我的模型通过属性附着到零部件

有我的应用程序的简化版本

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

---

我遗漏了什么？

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

尝试更改此选项：

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

document.write（“”）；

为此：

 <base href="/">

---

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

用PlunkThanks更新了问题！嗯，我试过了，但在行为上没有任何明显的变化。我们在Plunker中试过，而且我的实际代码库在实际应用中肯定使用了第二个选项。如果使用第一个，则刷新主页以外的页面将动态地将基本href设置为您不想要的内容。但不幸的是，我很难复制这个问题。plunker代码在单击next时似乎转到下一个问题，在刷新时保留正确的url/视图，在使用back时显示正确的问题。关于我们如何复制这个问题还有其他想法吗？非常有趣！它在Safari上对我不起作用，但你的评论促使我在Chrome上测试它，在Chrome上它确实起作用。似乎是浏览器支持问题我将向Angular提交问题！谢谢你的帮助。