Question

我在Eclipse中使用动态Web项目，我在重音符号方面遇到了一些问题。使用AngularJS，在主html页面中显示重音符号和'ñ'，但是我有一个ng-view，当在Chrome中显示时没有显示重音符号！

我的index.html：

<!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进入ng-view：

<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文件首选项：

Eclipse HTML file preferences

结果：

Chrome view

Answer 1

我在工作区中尝试了相同的代码。 Utf编码不会继承到ng-view中的模板。我使用ng-view模板中的以下代码修复了问题（在你的情况下是main.html）

<head> <meta charset="utf-8"> <head>

然后它完美无缺。

干杯

Answer 2

使用Eclipse更改通过CP1252设置的首选项（Windows->首选项->常规->内容类型）时，我可以解决所有重音问题。这些更改（我更换了所有CP1252）之后，噩梦结束了。 “默认编码”框位于右下方的对话框中。

重音符号未显示在ng视图中

2 个答案: