使用 angular-ui-router-title 和 angular-translate 本地化页面标题

Question

我知道有很多方法可以使用 angular 创建静态和动态页面标题，但到目前为止我发现的最好方法是angular-ui-router-title。

简而言之，它是这样工作的：

$stateProvider.state('a', {
    ...
    resolve: {
      $title: function () { return 'a title'; } 
    }
    ...
}

并在视图中：

 <title ng-bind="$title"></title>

现在我也想让本地化动态工作，使用angular-translate。当用户在我的应用程序中更改语言时，会在根范围内触发一个事件，我用它$translate.use()来更改正在使用的语言。

我想我只能这样做：

<title ng-bind-template="{{$title | translate}}"></title>

解析的标题现在是一个翻译键，它可以工作，但它没有。有没有其他方法可以让这个翻译在运行时发生？