使用angular-ui-router-title和angular-translate定位页面标题

Question

我知道有很多方法可以创建带有角度的静态和动态页面标题，但到目前为止我找到的最好的方法是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>

其中已解析的标题现在是翻译键，它可以正常工作，但事实并非如此。有没有其他方法可以让这个翻译在运行时发生？