Угловой перевод синхронности в JS

Question

Угловой перевод отлично работает как фильтр в представлении. Я использую угловой переводить-погрузчик-статические-файлы с внешними файлами, такие как locale-en.json и т.д.

Проблемы заключается в том, когда я пытаюсь сделать что-то вроде этого:

var placeholder = $translate('placeholder.NAME') 
        .then(function (translatedValue) { 
         return translatedValue; 
        }); 

Я всегда получаю обещание назад, и в пользовательском интерфейсе он отображается как {} вместо слова NAME для английского и т. д.

Каков правильный способ перевода в JS с использованием углового перевода?

EDIT: Пробовал это и получил следующий результат (до сих пор не решена)

var placeholder = ''; 
       $translate('placeholder.NAME').then(function (translatedValue) { 
        console.log(translatedValue); 
        placeholder = translatedValue; 
       }, function(err){ 
        console.log(err); // returns placeholder.NAME 
       }); 
       console.log(placeholder); // returns empty string 

Answer 1

var placeholder = ''; 
$translate('placeholder.NAME').then(function (translatedValue) { 
    placeholder = translatedValue; 
}); 

Answer 2

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

<h1>{{ 'TITLE.HELLO_WORLD' | translate }}</h1> 

Answer 3

Вы можете использовать instant функцию, чтобы получить значение без обещания:

var translation = $translate.instant('placeholder.NAME'); 

Однако это не дожидаясь, когда файлы перевода будут загружены. Вы должны убедиться, что вы вызываете это после загрузки файлов перевода.

Answer 4

С сайта http://angular-translate.github.io/docs/#/guide/03_using-translate-service635

app.controller('Ctrl', ['$scope', '$translate', function ($scope, $translate) { 
$translate(['HEADLINE', 'PARAGRAPH', 'NAMESPACE.PARAGRAPH']).then(function (translations) { 
$scope.headline = translations.HEADLINE; 
$scope.paragraph = translations.PARAGRAPH; 
$scope.namespaced_paragraph = translations['NAMESPACE.PARAGRAPH']; 
}); 
}]);