angular-translate no muestra acento de caracteres o diéresis correctamente
Comencé a usar el traductor angular. ¡Funciona genial!
Pero se muestra un carácter traducido para los caracteres con diéresis o acento o ... (como ü o ú o ñ). Estos mismos valores de caracteres se muestran correctamente en texto HTML y como variables AngularJS.
Aquí hay una salida de muestra. La salida para el texto html y la variable angular se muestran correctamente. Los resultados de $ translate filter y directiva no muestran el carácter de diéresis correcto.
texto html - Und sie untersützt mehrere Sprachen!
variable angular - Und sie untersützt mehrere Sprachen!
$ filtro de traducción - Und sie unters tzt mehrere Sprachen!
$ traduzca la directiva - ¡Y no se olvide de mí Sprere!
Aquí está el código:
'use strict';
var translations =
{
"TEST_DE": "Und sie untersützt mehrere Sprachen!",
"TEST_ES": "Menú Señor"
};
angular.module('testApp', ['testApp.controllers', 'pascalprecht.translate'])
.config(['$translateProvider', function($translateProvider) {
$translateProvider.translations({
TEST_DE: "Und sie untersützt mehrere Sprachen!",
TEST_ES: "Menú Señor"
});
}]);
angular.module('testApp.controllers', ['ui.bootstrap']);
Aquí está el HTML:
<!doctype html>
<html lang="en" ng-app="testApp">
<head>
<meta charset="utf-8">
<title>Test angular-translate</title>
</head>
<body ng-controller="testAppController">
<!-- Declare the view/controller router -->
<div ng-view></div>
<!-- angular files -->
<script src="angular.js"></script>
<script src="angular-translate.js"></script>
<script src="ui-bootstrap-tpls-0.4.0.js"></script>
<!-- Application routing file -->
<script src="app.js"></script>
<!-- Application Controller -->
<script src="testAppController.js"></script>
<!-- Test translations -->
<br />
html text - Und sie untersützt mehrere Sprachen!
<br />
angular variable - {{ testPhraseDE }}
<br />
$translate filter - {{ 'TEST_DE' | translate }}
<br />
$translate directive - <a translate="TEST_DE"> </a>
<br />
<br />
html text - Menú Señor
<br />
angular variable - {{ testPhraseES }}
<br />
$translate filter - {{ 'TEST_ES' | translate }}
<br />
$translate directive - <a translate="TEST_ES"> </a>
</body>
</html>