angularjs - 动态设置页面标题，使用范围信息 - Thinbug

动态设置页面标题，使用范围信息

时间：2015-03-25 18:07:48

标签： angularjs routes page-title

我想在每条路线中动态设置AngularJS中的页面标题，而https://stackoverflow.com/a/13407227/353337中的解决方案对我有用。现在，我不想让页面标题说“文章”，而是想显示文章的实际标题，即我想使用当前范围内的信息。

这怎么可能？

1 个答案:

答案 0 :(得分：1)

最灵活的方法是从控制器发出事件。

以下是如何操作：

索引页面（保持不变）

<html ng-app="app" ng-controller="RootCtrl">
    <title data-ng-bind="htmlTitle"></title>
    ...

根应用控制器

angular.module('app').controller('RootCtrl', function(){
   $scope.$on('changedPage', function changedPage(event, pageTitle){
      $scope.htmlTitle = pageTitle;
   });
});

任何路线控制器

angular.module('app').controller('HomeCtrl', function(){
   var pageTitle = "Build this string however you want";
   $scope.$emit('changedPage', pageTitle);
});