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

前端之家收集整理的这篇文章主要介绍了使用AngularJS和UI-Router更新标题标签前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我尝试使用当前状态的名称(通过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上定义它.

猜你在找的Angularjs相关文章