javascript - 如何修复加载时在网页上显示翻译键的 Angular 翻译？

Question

我正在使用 angular-translate对于我的项目中的 i8n。我正在使用异步 url-loader 来加载我的翻译表。

$translate.useUrlLoader(myUrl)

翻译指令和过滤器都返回我正在翻译的 key ，直到加载翻译表。

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

以上都在网页上显示'translation.key'，直到加载翻译表。

注意:我有理由不监听 $translationChangeSuccess 事件。

---

I am looking for either of the two solutions

• Synchronously load translation tables from URL.
• Don't show translated text until translation tables are completely loaded.

Answer 1

这是处理异步执行时的常见问题。 angular-translate 现在带有一个 translate-cloak 指令，可以帮助您防止 FOUC。您可以在这里阅读:http://angular-translate.github.io/docs/#/guide/12_asynchronous-loading#asynchronous-loading_fouc---flash-of-untranslated-content