Angular2上的后退按钮已损坏

时间:2016-04-01 16:18:44

标签: angular angular2-routing

更新**

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

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

我有一个路由方案,您可以使用类似/question/:n的网址格式在测验中处理一系列问题。

我的组件实现了OnReuseOnActivateCanReuse

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

This Plunker有我应用的简化版。

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

我错过了什么?

1 个答案:

答案 0 :(得分:1)

如果这是一个基本的href问题,那么使用Plunker很难诊断出来。所以我不确定这是不是问题,但请试一试。

尝试更改此内容:

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

To This:

 <base href="/">

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