私はダイナミックWebプロジェクトでEclipseで作業しています。アクセント記号にいくつか問題があります。 AngularJSを使用すると、メインのhtmlページでアクセント記号と 'ñ'が表示されますが、そこにはng-viewがあり、Chromeでの表示にアクセント記号が表示されません!ng-viewでアクセント記号が表示されない
私のindex.html:
<div class="jumbotron">
<h1>Ahorra con AgriWea</h1>
<p>Gracias a nuestro sistema de recomendación de riego podrás ahorrar con más eficiencia. Esto es posible a nuestro sistema basado en predicciones meteorológicas y ¡los datos de tus cultivos!</p>
</div>
マイapp.js:
angular.module('agriweaapp', ["ngRoute"])
.config(function($routeProvider) {
$routeProvider
.when("/", {
controller: "mainAppController",
controllerAs: "vm",
templateUrl: "pages/main.html",
resolve: {
delay: function($q, $timeout) {
var delay = $q.defer();
$timeout(delay.resolve, 100);
return delay.promise;
}
}
});
})
.controller("mainAppController", function() {
var vm = this;
})
私のhtmlファイルの好みNGビューに行く
<!DOCTYPE html>
<html lang="es" ng-app="agriweaapp">
<head>
<meta charset="UTF-8">
<title>AgroWea</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body ng-controller="mainAppController as vm">
<p>Works here: á ñ</p>
<div class="container" ng-view></div>
<!-- Modules -->
<script src="js/angular.js"></script>
<script src="js/angular-route.js"></script>
<script src="js/app.js"></script>
<script src="js/jquery-3.2.1.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
マイmain.htmlと:
結果:
文字エンコーディングに問題があります。まず最初に、すべてのHTML文書を同じエンコーディング(通常はUTF-8である必要があります)で保存したことを確認します。 – CBroe
@CBroe EclipseでHTMLファイル設定を追加しました。これはUTF-8です。 – Cristian
サーバーは、これらのリソースのContent-Typeヘッダー(存在する場合)に正しい文字セットを返しますか? – CBroe