无法访问$state或$state.current
我要设置页面标题，根据路线变化。我是说有反应的头衔。
我的模块中有一个指令：
mainModule.directive("pageTitle", function($state){
return {
restrict: 'A',
template: "{{title}}",
scope: {title: '=title'},
link: function (scope, elem, attr) {
scope.title=$state.current.data.title; //wrap this in $watch
console.log('page state',$state.current.data.title);
}
}
})在我的main.cshtml中，头标记中有这个标题指令：
<title><page-title title="{{$state.current.data.title}}"></page-title></title>我的配置文件中有stateProvider：
$stateProvider
.state('a-management', {
name: 'aManState',
url: '/a-management',
template: '<div license-a permissions = permissions></div>',
data: {title: 'A Management'}
})
.state('b-management/bs', {
url: '/b-management/bs',
template: '<b-management current-user = currentUser permissions = permissions></b-management>',
data: {title: 'B Management'}
})我也用了ui-sref-active="active"。一切看起来都很好，但当我运行网站时，这是行不通的。我打开控制台，看看我拥有什么，看起来它可以到达$state (按状态服务)，但是它的current属性是空的。
为什么我的代码不能到达当前，所以current.data也是？我错过了什么吗？
回答 3
Stack Overflow用户
发布于 2018-10-01 07:29:43
谢谢你的帮助，在这个问题中，巴特勒的回答解决了这个问题。
[使用UI-Router](https://stackoverflow.com/questions/23813599/set-page-title-using-ui-router)设置页面标题
Stack Overflow用户
发布于 2018-09-28 13:28:30
我只是要抛出另一个解决方案，您不需要使用指令(可能感兴趣，也可能不感兴趣，但这就是我所做的)。实际上，我有一个run命令，它侦听状态更改，然后根据传入状态的title变量通过根范围更新页面标题。从那里，页面标题(index.html)被绑定到根范围中的标题。
app.js
// Insert code here
app.run(function ($rootScope) {
$rootScope.$on('$stateChangeSuccess', function (event, toState) {
$rootScope.title = toState.title || 'Default Title';
});
// Insert code here
.state('', {
url: '/',
title: 'Random Title'
}index.html
<head>
<title ng-bind="title">Default Title</title>
</head>希望这是有意义的，并帮助你？
Stack Overflow用户
发布于 2018-09-28 13:39:22
使用最新版本的UI-路由器，您可以使用Transition (医生来了)来实现这个结果：
您可以将您的page-title.directive.js编写为：
mainModule.directive("pageTitle", function(){
return {
restrict: 'A',
template: "{{title}}",
scope: {},
controller: function ($scope, $transitions) {
$transitions.onSuccess({}, function (transition) {
//
$scope.title = transition.to().title; // Your current state's title
});
}
}
})你的州定义是：
$stateProvider.state('myState', {
url: '/',
title: 'My State Title',
...
})如果不是最后一次获得结果的机会，请尽量避免访问(或在$rootScope上)。
希望能帮上忙。
https://stackoverflow.com/questions/52554710
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号