Перевести динамический c контент, загруженный ajax - PullRequest
Новая
       0

Перевести динамический c контент, загруженный ajax

0 голосов
/ 10 марта 2020

Я ищу везде, чтобы узнать, как переводить динамическое c содержимое, загруженное js ajax (или внутренним HTML).

Я ожидаю, что параграф h2 переведен, но не случается. Я ошибаюсь? Спасибо. Я пишу здесь, потому что я не могу найти ничего сделать c.

Ссылка на JSFiddle 

    <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <title>language test</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bower-angular-translate/2.0.1/angular-translate.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bower-angular-translate-loader-url/2.0.0/angular-translate-loader-url.js"></script>
    <script>
        angular.module('languageTest', ['pascalprecht.translate'])
            .config(function($translateProvider) {
                $translateProvider.preferredLanguage('en');
                $translateProvider.translations('en', {
                    TITLE: 'Hello',
                    FOO: 'This is a paragraph.',
                    BUTTON_LANG_EN: 'english',
                    BUTTON_LANG_DE: 'german'
                });
                $translateProvider.translations('de', {
                    TITLE: 'Hallo',
                    FOO: 'Dies ist ein Paragraph.',
                    BUTTON_LANG_EN: 'englisch',
                    BUTTON_LANG_DE: 'deutsch'
                });
            });
    </script>
</head>
<body ng-app="languageTest">
<h1><span>{{'FOO'|translate}}</span></h1>

<h2 id="h2load"></h2>

<button onclick="loadh2()">load h2</button>
<script>
    function loadh2(){
        document.getElementById("h2load").innerText = "{{'TITLE'|translate}}";
    }
</script>
</body>
</html>
...