使用AngularJS和UI-Router更新标题标签

发布时间：2020-12-17 07:44:04 所属栏目：安全来源：网络整理

导读：我尝试使用当前状态的名称(通过ui-router)设置页面的标题时遇到一个奇怪的问题. 实际上,问题不在于设置标题,问题是标题被设置为history.pushState之前的下一个状态的标题.所以当我转换到一个新的URL,历史上的第一个项目与当前页面的名称相同. 我正在玩样品(h

我尝试使用当前状态的名称(通过ui-router)设置页面的标题时遇到一个奇怪的问题.

实际上,问题不在于设置标题,问题是标题被设置为history.pushState之前的下一个状态的标题.所以当我转换到一个新的URL,历史上的第一个项目与当前页面的名称相同.

我正在玩样品(http://angular-ui.github.io/ui-router/sample/),我也在那里重现.如果你点击关于,然后回到家,你会看到2个不同的条目为’家’.他们都指向正确的url,但是他们的名字被弄脏了.奇怪的是,点击Contact.list和contact.details可以正确设置历史记录.

有没有解决的办法？在管理中,history.pushstate被调用？

我有一个“相似”的情况,并回答了 here.

它基本上定义了$rootScope.$state = $state里面的run方法有角度.这允许我们在模板中访问当前状态信息.

<title ng-bind="$state.current.data.pageTitle"></title>

关键是在run方法的$rootScope上定义它.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!