title: angular-translate (PascalPrecht) how to avoid load text labels before translate
body: <p>I have an AngularJS application. For text translations Im using angular-translate. It works great, but when I request the first page there are some seconds before the translations are loaded that the page displays the labels.</p>
  
  <p>I have read some posts about it <a href="http://angular-translate.github.io/docs/#/guide/12_asynchronous-loading#asynchronous-loading_fouc---flash-of-untranslated-content">http://angular-translate.github.io/docs/#/guide/12_asynchronous-loading#asynchronous-loading_fouc---flash-of-untranslated-content</a> but still not working.</p>
  
  <p>This is my translation module:</p>
  
  <p>i18n.js:</p>
  
  <pre><code>'use strict';
  
  /* i18n module */
  
  angular.module('myApp.i18n', ['pascalprecht.translate'])
      .config(['$translateProvider', function ($translateProvider) {
  
          $translateProvider.preferredLanguage('en');
  
          //$translateProvider.addInterpolation('$translateMessageFormatInterpolation');
  
  
          $translateProvider.useStaticFilesLoader({
            prefix: 'languages/locale-',
            suffix: '.json'
          });
  }]);
  </code></pre>
  
  <p>included in my app.js main file:</p>
  
  <pre><code>'use strict';
  
  
  // Declare app level module which depends on filters, and services
  
      angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers', 'myApp.i18n', 'myApp.properties', 'angularSpinner', 'ngCookies', 'ngSanitize', 'angularCharts', 'ngProgress', 'angularMoment', 'tmh.dynamicLocale'])
        .config(['$routeProvider', '$httpProvider', function($routeProvider, $httpProvider, $routeParams) {
  </code></pre>