4

我在第一次加载时遇到文本闪烁的问题。

我尝试了我在互联网上找到的所有解决方案,但没有一个有效......

我的角度翻译版本是最新的 2.4.2。

这是示例 HTML:

<!DOCTYPE html>
<html ng-app="testapp">
<head>
    <title translate-cloak>{{ 'page.appName' | translate }}</title>
    <base href="/">
    <meta charset="utf-8">
    <link rel="icon" type="image/ico" href="static/favicon.ico"/>
    <link rel="stylesheet" href="stylesheets/style.css"/>
</head>
<body>
<div>
    <ul>
        <li>
            <div>
                <a href="/"><strong translate-cloak>{{ 'page.appName' | translate }}</strong></a>
            </div>
        </li>
    </ul>
</div>
<div ng-view></div>
<script src="javascripts/angular.js"></script>
<script src="javascripts/angular-translate.js"></script>
<script src="javascripts/angular-translate-loader-url.js"></script>
<script src="javascripts/angular-translate-loader-static-files.js"></script>
<script src="javascripts/angular-translate-storage-local.js"></script>
<script src="javascripts/test.js"></script>
</body>
</html>

这是JavaScript:

angular.module('testapp', ['ngRoute', 'ngResource', 'ngCookies', 'ngTable', 'mgcrea.ngStrap', 'pascalprecht.translate'])
        .config(['$locationProvider', '$routeProvider', '$httpProvider', '$translateProvider',
            function ($locationProvider, $routeProvider, $httpProvider, $translateProvider) {
                $locationProvider.html5Mode(true);
                $routeProvider.when('/', {
                    templateUrl: 'views/main.html'
                }).otherwise({
                    redirectTo: '/'
                });
$translateProvider.useSanitizeValueStrategy('escaped').useLocalStorage().useStaticFilesLoader({
                    prefix: 'static/languages/',
                    suffix: '.json'
                }).use('en-EN');
            }
        ]);
4

1 回答 1

5

您需要在 $translateProvider 配置中提供翻译并将其定义为首选语言。

文档将此称为 FOUC(未翻译内容的 Flash)。

我也尝试过,当我在 translate-cloak 中添加一个值时,例如translate-cloak="any".translate-cloak该类被添加到标签中,但是当我只translate-cloak输入时.translate-cloak没有添加。

请记住,您需要为.translate-cloak课程设置样式。

于 2015-01-23T18:08:37.540 回答