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

Question

我想更改状态Provider中的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，所以不要忘记将值绑定到 title 标记，如下所示：

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