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

Set page title dynamically, use information from scope

我想在 AngularJS 中为每个路由动态设置页面标题，中的解决方案对我很有帮助。现在，我不想让页面标题说 "Article"，而是显示文章的实际标题，即我想使用当前范围的信息。

这怎么可能？

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

操作方法如下：

索引页（保持不变）

<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);
});