代码之家 › 专栏 › 技术社区 › metahamza

Angular2上的后退按钮损坏

angular2-routing angular

metahamza · 技术社区 · 9 年前

已更新**

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

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

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

我的组件实现 OnReuse , OnActivate 和 CanReuse .

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

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

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

我错过了什么?

1 回复 | 直到 9 年前

user2263572 9 年前

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

尝试更改此设置:

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

至此:

 <base href="/">

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

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前