angular-翻译显示键

Question

在我的应用程序中，我使用 angular translate 。

在我的 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
          ...

如何在渲染视图之前等待模块加载？

谢谢

Answer 1

要等到文件下载完毕，您必须执行以下操作：

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

Answer 2

谢谢你，桑迪乔希！在花了很多时间试图弄清楚如何解决问题之后，您的解决方案就出来了。它是这样实现的：

$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);
    })
);

angular-翻译显示键

angular-translate display key

javascript

angularjs

angular-translate