在狀態參數上使用angular-translate

Question

我正在使用angular-translate進行本地化，除在狀態參數內轉換數據外，其他一切工作正常。

例如，我有一個這樣的狀態：

.state('about', {
      url: "/about",
      isAbstract: true,
      template: '<ui-view/>',
      data: {
        title: 'About'
      }
    })

標題應該是翻譯鍵。 我嘗試了title: $filter('translate')('ABOUT')但是沒有用。

關於我該怎么做的任何想法？

Answer 1

您應該使用以下給定語法

.run(function($rootScope, $translate) {
    $rootScope.$on('$stateChangeStart', function(event, toState) {
        if (toState.data.title) {
            $translate(toState.data.title).then(function(translation) {
                $rootScope.pageTitle = translation;
            },
            function() {
                $rootScope.pageTitle = 'About';
            });
        }
    });
})

看看這里的例子