Angularjs 动态设置页面标题，使用范围中的信息_Angularjs_Routes_Page Title

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

angularjs routes

Angularjs 动态设置页面标题，使用范围中的信息,angularjs,routes,page-title,Angularjs,Routes,Page Title,我想在AngularJS中按路线动态设置页面标题，中的解决方案对我很有帮助。现在，我想显示文章的实际标题，也就是说，我想使用当前范围中的信息，而不是让页面标题显示“Article” 这怎么可能呢？最灵活的方法是从控制器发出事件以下是如何做到这一点：索引页（保持不变）任何路线控制器对于您链接的同一个问题，请查看以下答案：。我会结合Kristo Aun对这个答案的评论，关于使用routeChangeStart而不是routeChangeSuccess来设置默认值。 <html ng-

我想在AngularJS中按路线动态设置页面标题，中的解决方案对我很有帮助。现在，我想显示文章的实际标题，也就是说，我想使用当前范围中的信息，而不是让页面标题显示“Article”

这怎么可能呢？

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

以下是如何做到这一点：

索引页（保持不变）任何路线控制器

对于您链接的同一个问题，请查看以下答案：。我会结合Kristo Aun对这个答案的评论，关于使用routeChangeStart而不是routeChangeSuccess来设置默认值。

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