Javascript 隐藏页面上的翻译键

我使用角度翻译与部分加载相结合，我想隐藏页面加载上的翻译键。 在app.js中

       var app = angular.module('myapp', [
          'ngRoute',
          'appRoutes', 
          'pascalprecht.translate',
          'angularTranslate',
          'indexCtrl'
        ]); 

    angular.module('angularTranslateApp', ['pascalprecht.translate']).config(function($translateProvider) {
        $translateProvider.useLoader('$translatePartialLoader', {
            urlTemplate: 'translation/{lang}/{part}.json'
        });
 $translateProvider.preferredLanguage('en-US');

angular.module('indexCtrl', []).controller('indexController', 
  function($scope, $translate, $translatePartialLoader) {

    $translatePartialLoader.addPart('test');
    $translate.refresh();

});

index.js

       var app = angular.module('myapp', [
          'ngRoute',
          'appRoutes', 
          'pascalprecht.translate',
          'angularTranslate',
          'indexCtrl'
        ]); 

    angular.module('angularTranslateApp', ['pascalprecht.translate']).config(function($translateProvider) {
        $translateProvider.useLoader('$translatePartialLoader', {
            urlTemplate: 'translation/{lang}/{part}.json'
        });
 $translateProvider.preferredLanguage('en-US');

angular.module('indexCtrl', []).controller('indexController', 
  function($scope, $translate, $translatePartialLoader) {

    $translatePartialLoader.addPart('test');
    $translate.refresh();

});

test.json

{
"testkey":"testval"
}

HTML

{{ "testkey" || translate }}

---

因此，在页面加载时，显示testkey几秒钟，我不想显示这个，如何实现这个。我已经使用了translate-Clope，但它不起作用，要么静态加载一种语言，然后使用

$translate.preferredLanguage（）

将其设置为首选语言，这样当页面第一次加载时，就可以立即显示数据

或者使用

$translateChangeSuccess

事件将自定义CSS类应用于元素，即在默认情况下隐藏它们，并在正确设置语言后使其可见。这样，您将看不到转换键，因为它们最初是隐藏的

---

另外，请看一看关于FOUC的段落。

您能在routeconfig中的该页面上尝试一下吗

    resolve: {
           translatePartialLoader: ['$translate', '$translatePartialLoader', function($translate, $translatePartialLoader) {
                $translatePartialLoader.addPart('test');          
                return $translate.refresh();
           }]
    }

---

translate-clope

指令需要伴随

.translate-clope{opacity:0}

样式（此样式隐藏内容）。在

“translateChangeSuccess”

事件

$translate

上，服务将删除该类，您可以显示实际值