Angular перевод внутри службы

Я борюсь с угловым переводом для своего ионного приложения. Дело в том, что у меня есть сервис с данными для обмена между представлениями, но мне нужно перевести эти данные. К сожалению, я просто вижу пустой экран без каких-либо ошибок в консоли.

Я был бы признателен, если бы кто-нибудь помог, если с этим кодом что-то не так (я использую 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;
    }

 };
});
});