2016-07-17 3 views
0

Я пытаюсь сделать свой первый проект AngularJS, и я наткнулся на небольшой вопрос ...angularJS: шаблон с помощью настраиваемого директивы не показывает специальные символы

Я пытался создать пользовательскую директиву (см apps.js экстракта) и скопировал некоторый код в отдельный html (см. wishlist.html).

Пользовательские директивы работают: файл шаблона включен. НО специальные символы, такие как «или», не отображаются с помощью специальной директивы, и они отображаются, если я использую тот же код в index.html.

Может кто-нибудь объяснить мне, почему я получаю такое поведение и как его избежать?

Спасибо!

S.

index.html: ...

<body class="container" ng-app="gimmiApp"> 
    <!-- Test with custom directive --> 
    <div ng-controller="WishlistController as wishlist"> 
     <wishlist></wishlist> 
    </div> 

    <!-- Test without custom directive --> 
    <div ng-controller="WishlistController as wishlist"> 
     <h1>Ideeën</h1> 

     <div class="row" ng-repeat="wish in wishlist.wishes"> 
      <h3>{{wish.title}} 
      <em>{{wish.price | currency : "€" : 2 }}</em> 
      </h3> 
     </div> 
    </div> 

</body> 

... 

wishlist.html

<h1>Ideeën</h1> 

<div class="row" ng-repeat="wish in wishlist.wishes"> 
    <h3>{{wish.title}} 
    <em>{{wish.price | currency : "€" : 2 }}</em> 
    </h3> 
</div> 

app.js:

... 

app.directive('wishlist', function(){ 
    return { 
     restrict: 'E', 
     templateUrl: 'views/wishlist.html' 
    }; 
}); 

... 

Это то, что я получить ...

output of this code

+0

Вы создали оба HTML-файла, используя тот же редактор? Также добавьте следующее к и попробуйте. '' – Kalyan

+0

Да, тот же редактор и добавление тега в не решает его ... – bits

ответ

1

Я нашел проблему!

Этот файл не был закодирован в UTF-8. Изменить набор символов моего файла на UTF-8, решил мою проблему.

Смежные вопросы