我试图将我输入的文字翻译成输入字段的语言(德语)我已经在我的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');
}]);
答案 0 :(得分:0)
如果FOO
和TITLE
示例有效:
<h1>{{ 'TITLE' | translate }}</h1>
<p>{{ 'FOO' | translate }}</p>
我建议为translate
尝试相同的textToType
过滤器:
<!--This is where your text needs to be translated-->
<h1>{{textToType | translate}}</h1>