Chr*_*mas 14 angularjs angular-ui-router
在尝试使用当前状态的名称(通过ui-router)设置页面标题时遇到了一个奇怪的问题.
实际上,问题不在于设置标题,问题是标题被设置为history.pushState之前的下一个状态的标题.因此,当我转换到新网址时,历史记录中的第一个项目与当前页面的名称相同.
我正在玩这个样本(http://angular-ui.github.io/ui-router/sample/),我也设法在那里重现它.如果您单击"关于",然后返回主页,您将看到"主页"的2个不同条目.他们都指向正确的网址,但他们的名字被破坏了.奇怪的是,点击Contact.list和contact.details可以正确设置历史记录.
有没有解决的办法？在管道中是否会调用history.pushstate？
我有一个"相似"的情况......并在这里回答.
它基本上定义$rootScope.$state = $state了角度运行方法的内部.这允许我们访问模板中的当前状态信息.
<title ng-bind="$state.current.data.pageTitle"></title>
关键是在run方法中的$ rootScope上定义它.
我也有和你类似的情况，我是按照下面的方法做的。您可以将其放入主应用程序运行块中，如下所示。我有
angular.module('myApp').run([
'$log', '$rootScope', '$window', '$state', '$location',
function($log, $rootScope, $window, $state, $location) {
$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {
if (toState.title) {
$rootScope.pageTitle = toState.title;
}
});
$rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams) {
// something else
});
$state.go('home');
}
]);
在 html 头中我有
<html class="no-js" class="ng-app" ng-app="..." id="ng-app">
<head>
....
<title ng-bind="pageTitle"></title>
希望这对你有用。
PS：详细信息请参阅https://docs.angularjs.org/guide/module 。
| 归档时间： |
|
| 查看次数： |
8930 次 |
| 最近记录： |