Угловой дисплейный ключ

В моем приложении я использую угловой перевод.

На мой index.html я положил директиву translate-cloak class="translate-cloak" с .translate-cloak {visibility: hidden;} на <body> но для <div ui-view></div> содержание ключ отображается перед моим текстом.

В моем контроллере я пытаюсь сделать

function SearchCtrl ($translatePartialLoader, $translate) {
        $translatePartialLoader.addPart('../components/search');
        $translate.refresh();

        $translate.onReady().then(function(){
          alert($translate.instant('SEARCH_MONTH')); #display SEARCH_MONTH and not the content
          ...

Как я могу дождаться загрузки модуля, прежде чем рендерить мой вид?

Спасибо

1 ответ

Решение

Чтобы дождаться загрузки вашего файла, вам нужно сделать следующее:

$translatePartialLoader.addPart('../components/search');
$translate.refresh().then( /* Do your work here */ );

Спасибо, SandyJoshi! Потратив много времени на то, чтобы понять, как решить проблему, ваше решение появилось. Реализовано это было так:

$translatePartialLoader.addPart('file-upload-js');
$translate.refresh().then(
    // detecting a hash/anchor change using jQuery: http://www.rcneil.com/force-reload-on-a-hash-or-anchor-change-with-jquery/
    $(window).on('hashchange',function(){ 
    window.location.reload(true);
    })
);
Другие вопросы по тегам