Angular 翻译内部服务

Question

我正在努力 angular 翻译我的 ionic 应用程序。问题是我有一个数据服务可以在视图之间共享，但我需要翻译这些数据。不幸的是，我只看到空白屏幕，控制台中没有任何错误。

如果该代码有问题（我使用 useStaticFilesLoader），如果有人能提供帮助，我将不胜感激：

app.service('customService', function($q, $rootScope, $filter, $translate) {

    $rootScope.$on('$translateChangeSuccess', function () {     
        var $translate = $filter('translate');                      

    return {
    items: [
      {
        id: '1',        
        title:$translate('TITLE');
      }
    ]
],
    getItems: function() {
      return this.items;
    },
    getItem: function(itemId) {
      var dfd = $q.defer();
      this.items.forEach(function(item) {
        if (item.id === itemId) dfd.resolve(item);
      });

      return dfd.promise;
    }

 };
});
});

Answer 1

尝试这样的事情：

app.factory('customService', function($rootScope, $translate) {
    var items = [],
        updateItems = function() {
            items.length = 0;
            $translate('TITLE').then(function(title) {
                items.push({
                    id: '1',
                    title: title;
                });
            });
        };
    updateItems();
    $rootScope.$on('$translateChangeSuccess', updateItems);
    return {
        items: items,
        getItem: function(itemId) {
            var result;
            items.forEach(function(item) {
                if (item.id === itemId) {
                    result = item;
                }
            });
            return result;
        }
    }
});