Come risolvere il traduttore angolare che mostra la chiave di traduzione sulla pagina web al caricamento?

Question

Sto usando angular-translate per i8n nel mio progetto. Sto usando un url-loader asincrono per caricare le mie tabelle di traduzione.

$translate.useUrlLoader(myUrl) 

Il traduce direttive e filtri sia restituire la chiave che sto traducendo fino a quando le tabelle di conversione vengono caricate.

<a ng-bind="translation.key | translate"></a> 
<a translate="translation.key></a> 

Entrambi i messaggi visualizzati 'translation.key' nella pagina Web fino a quando non vengono caricate le tabelle di conversione.

NOTA: ho motivi per non ascoltare il caso $ translationChangeSuccess.

---

Cerco sia delle due soluzioni

• tabelle di conversione del carico sincrono da URL.
• Non mostrare il testo tradotto fino a quando le tabelle di conversione non sono state caricate completamente.

Answer 1

Questo è un problema comune quando si tratta di esecuzione asincrona. angular-translate ora ha una direttiva translate-cloak che ti aiuta a prevenire i FOUC. Puoi leggere qui: http://angular-translate.github.io/docs/#/guide/12_asynchronous-loading#asynchronous-loading_fouc---flash-of-untranslated-content