Перевести массив внутри контроллера, используя pascal translate in angularjs

Question

У меня возникли проблемы с выяснением того, как я мог бы перевести свой массив внутри контроллера.

Внутри моего контроллера я сделал что-то вроде этого:

var vm = this; 

    $rootScope.$on('$translateChangeSuccess', function() { 
     vm.salutation = $translate.instant('client.test'); 
     console.log(vm.salutation); 
    }); 

    vm.test = 'test'; 


    vm.servicesData = { 
     listOfServiceNames : [ 
      "sample", 
      vm.salutation, 
      vm.test, 

     ] 
    } 

Внутри зрения:

<bootstrap-dropdown ng-model="vm.client.salutation" data-placeholder="Aanhef" data-dropdown-data="vm.servicesData.listOfServiceNames"></bootstrap-dropdown> 

console.log показывает правильную строку. Но когда я смотрю на передний конец, vm.salutation пуст. Любые подсказки, как я мог правильно использовать перевод здесь?

Answer 1

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

Вам нужно

$rootScope.$on('$translateChangeSuccess', function() { 
     vm.salutation = $translate.instant('client.test'); 
     vm.servicesData.push(vm.salutation);   
     console.log(vm.salutation); 
    }); 

И

vm.servicesData = { 
    listOfServiceNames : [ 
     "sample", 
     vm.test 
    ] 
}