如何将我输入的文本翻译成Angularjs应用程序?

时间:2018-01-31 03:22:15

标签: html angularjs

我试图将我输入的文字翻译成输入字段的语言(德语)我已经在我的appjs文件中教我的应用程序,但它不起作用。我在输入字段中输入的内容绑定到标记区域。这就是我希望它被翻译的地方,但它一直以英语形式出现,我很难搞清楚它。任何帮助表示赞赏。

<!--This is my HTML file-->
<!DOCTYPE html>
    <html lang="en" ng-app="myApp">
    <head>
    <script         src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js">.       </script>
    <script src="angular-translate.js"></script>
    <script src="app.js"></script>
        <meta charset="UTF-8">
        <title>Document</title>

    </head>
    <body ng-init ="textToType">

        <!--This is where you type your text-->
        Text To Type: <input ng-model="textToType"/>

        <!--This is where your text needs to be translated-->
        <h1>{{textToType}}</h1>

        <br><br>

        <h1>{{ 'TITLE' | translate }}</h1>          
        <p>{{ 'FOO' | translate }}</p>
    </body>
    </html>

var app = angular.module(&#39; myApp&#39;,[&#39; pascalprecht.translate&#39;]);

  app.config(['$translateProvider', function ($translateProvider) {
  $translateProvider.translations('en', {
    'TITLE': 'Hello',
    'FOO': 'This is a paragraph'
  });

  $translateProvider.translations('de', {
    'TITLE': 'Hallo',
    'FOO': 'Dies ist ein Absatz'
  });

  $translateProvider.preferredLanguage('de');
}]);

1 个答案:

答案 0 :(得分:0)

如果FOOTITLE示例有效:

<h1>{{ 'TITLE' | translate }}</h1>          
<p>{{ 'FOO' | translate }}</p>

我建议为translate尝试相同的textToType过滤器:

<!--This is where your text needs to be translated-->
<h1>{{textToType | translate}}</h1>