Я не могу перевести заголовок в меню навигации в приложении Angularjs для темы с плавкими предохранителями

Question

Вот часть кода в моем меню навигации:

msNavigationService.saveItem('apps.dashboard', {
        title: 'Dashboard',
        state: 'app.dashboard',
        icon: 'icon-tile-four',
        hidden: function () {
            var dashboardview = true;
            if (localStorage.getItem("DashboardStorage") === '1') { dashboardview = false; }
            else { dashboardview = true; }
            return dashboardview;
        },
        weight: 1

    });

Я просто хочу перевести заголовок Dashboard с angular-translate.Все настройки в порядке.И вот как я сделал все переводы в контроллере: var customers = "Dashboard"; vm.customers = $filter('translate')(customers); Таким образом, переменная в JSON с именем Dashboard будет переведена, но перевод не может быть выполнен.

Answer 1

Попробуйте что-то вроде этого

var translations = {
  CUSTOMERS: 'Customers'
};

var app = angular.module('myApp', []);

app.config(['$translateProvider', function ($translateProvider) {
  $translateProvider.translations('en', translations);
  $translateProvider.preferredLanguage('en');
}]);

app.controller('Ctrl', ['$scope', '$translate', function ($scope, $translate) {
   var vm = this;
   vm.customers = $translate.instant('CUSTOMERS');
}]);