2017-09-25 8 views
0

私はダイナミック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と:

Eclipse HTML file preferences

結果:

Chrome view

+0

文字エンコーディングに問題があります。まず最初に、すべてのHTML文書を同じエンコーディング(通常はUTF-8である必要があります)で保存したことを確認します。 – CBroe

+0

@CBroe EclipseでHTMLファイル設定を追加しました。これはUTF-8です。 – Cristian

+0

サーバーは、これらのリソースのContent-Typeヘッダー(存在する場合)に正しい文字セットを返しますか? – CBroe

答えて

0

私は自分のワークスペース内の同じコードを試してみました。 Utf Encodingはng-viewでテンプレートを継承しません。私は(あなたのケースでmain.htmlと)NG-ビューテンプレート内のコードの下に使用して問題

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

そして、それは完全に正常に動作を修正しました。

乾杯

+0

それが正しいかどうかは確かではありませんでしたが、問題が解決されます。ありがとう! – Cristian

関連する問題