Question

Angularjs和Bootstrap在系统中正常工作，我也需要实现angular-translate。

我将HTML中的翻译存档称为：

<script src="js/angular-translate.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate-loader-static-files/2.17.0/angular-translate-loader-static-files.min.js"></script>

使用示例：

<div ng-controller="myCtrl">
  <label>{{ 'Hello World' | translate }}</label>
</div>

angular-translate.min.js存档位于正确的文件夹中

在js文档中，我使用了翻译参数：

myApp.controller('myCtrl', function ($scope, $element, $compile, $timeout, $translate) {
$translate.use('es');}

onload脚本中的main.js中存在问题，因为我不知道这是否是实现它的正确方法：

script.onload = function () {
    try{
        if (angular) {
            var mainApp = angular.module('myApp', ['pascalprecht.translate']);

            mainApp.config(['$translateProvider', function ($translateProvider) {
                $translateProvider.useStaticFilesLoader({
                    prefix: '../translations/translation_',
                    suffix: '.txt'
                });
                $translateProvider.fallbackLanguage('es');
                $translateProvider.useSanitizeValueStrategy('escape');
                $translateProvider.forceAsyncReload(true);
            }]);

            angular.element(document).ready(function() {
                angular.bootstrap(document, ["myApp"]);
            });
        }
    }catch(err){}
}

.txt文档具有键“ Hello World”和正确的西班牙文翻译方式

如何集成Angularjs + Bootstrap + angular.translate

0 个答案: