Angular2 上的后退按钮坏了
back button on Angular2 is broken
已更新 **
我正在使用路由编写我的第一个 Angular2 应用程序。一个简单的测验应用程序。
单击后退按钮会触发问题行为,模板无法使用模型中的数据正确呈现。
我有一个路由方案,您可以使用 URL 模式(例如 /question/:n
.
在测验中的一系列问题之间切换
我的组件实现了 OnReuse
、OnActivate
和 CanReuse
。
我的模型通过 属性.
连接到组件
This Plunker 有我的应用程序的简化版本。
您可以看到单击“下一步”按钮会转到下一个问题并更新 URL。单击浏览器的后退按钮确实会将 URL 改回原样,但模板实际上并未呈现。
我错过了什么?
如果是基本 href 问题,则很难用 Plunker 诊断。所以我不确定这是否是问题所在,但请试一试。
尝试改变这个:
<script>document.write('<base href="' + document.location + '" />');</script>
为此:
<base href="/">
在你的 index.html 内。如果它已经设置为后者,请发表评论,我将更新此回复。
已更新 **
我正在使用路由编写我的第一个 Angular2 应用程序。一个简单的测验应用程序。
单击后退按钮会触发问题行为,模板无法使用模型中的数据正确呈现。
我有一个路由方案,您可以使用 URL 模式(例如 /question/:n
.
我的组件实现了 OnReuse
、OnActivate
和 CanReuse
。
我的模型通过 属性.
连接到组件This Plunker 有我的应用程序的简化版本。
您可以看到单击“下一步”按钮会转到下一个问题并更新 URL。单击浏览器的后退按钮确实会将 URL 改回原样,但模板实际上并未呈现。
我错过了什么?
如果是基本 href 问题,则很难用 Plunker 诊断。所以我不确定这是否是问题所在,但请试一试。
尝试改变这个:
<script>document.write('<base href="' + document.location + '" />');</script>
为此:
<base href="/">
在你的 index.html 内。如果它已经设置为后者,请发表评论,我将更新此回复。