2017-09-25 39 views
0

我正在使用动态Web项目在Eclipse中工作,并且存在重音标记的一些问题。使用AngularJS,在主html页面中会显示重音符号和'ñ',但在那里我有一个ng-view,并且在Chrome中显示时不显示重音符号!重音标记不能在ng视图中显示

我的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-观点:

<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

+0

您在某处使用字符编码时遇到问题。首先检查你是否用相同的编码保存了所有的HTML文档(通常应该是UTF-8)。 – CBroe

+0

@CBroe我在Eclipse中添加了我的HTML文件首选项,是UTF-8。 – Cristian

+0

您的服务器是否在这些资源的Content-Type标题(如果有)中返回正确的字符集? – CBroe

回答

0

我想在我的工作区相同的代码。 Utf编码不会继承ng-view中的模板。我固定

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

然后,它工作完全正常(在你的情况main.html中)使用下面的NG-视图模板代码的问题。

干杯

+0

我不确定这是否正确,但我会这样做,因为它解决了我的问题。谢谢! – Cristian