javascript - 如何在状态路由内的状态更改angularjs中动态更改pageTitle

Question

我想更改状态提供者中数据中的 pageTitle。

$stateProvider.state(test, {
  url: '/test',
  views: {
    main: {
      controller: 'TestCtrl',
      templateUrl: 'admin/test.tpl.html'
    }
  },
  data: {
    pageTitle: 'Need some dynamic title',                        
  },                    
});

这里我想动态设置页面标题可能在$state.go()里面的某个地方。

我试过用

//The controller from where the state is called and we got to know what the title is
$state.get('test').data.pageTitle = $scope.title;
$state.go('test');  

但是什么也没有发生。请帮忙。

Answer 1

在 $state.go() 中你可以做:

$state.go('test', {pageTitle: $scope.title});

(或者它将是 data.pageTitle: $scope.title，我不太确定)。

并且您没有包含任何 HTML，所以不要忘记将值绑定(bind)到 title 标记，如下所示:

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