重音标记未显示在 ng-view 中

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-view 中

Accent mark not showing in ng-view

diacritics

angularjs

ng-view