如何在AngularJS中设置翻译标题

下面是一些演示如何在AngularJS中设置HTML标题的示例。这是我的变体，适用于基本情况，即使使用角度平移：

<title ng-controller="PageCtrl" ng-bind-template="MyApp: {{title}}"></title>

如果翻译字符串是纯文本（如“My Title”），则此操作有效，但如果存在角度变量（如“My{{something}}”），则会失败，因为-我认为-即使我在另一个控制器中设置了$scope.something，作用域也没有设置something变量

因此，我认为问题是如何确保范围将包含say MainCtrl中设置的变量

angular.module('MyApp')
    .controller('PageCtrl', function($rootScope, $translate) {

        $rootScope.$on('$stateChangeStart', function(event, toState) {
            $translate('title').then(function(translated) {
                $rootScope.title = translated;
            });
        })

    })