Question

我正在尝试制作我的第一个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'
    };
});

...

这就是我得到的......

Answer 1

我发现了问题！

我的文件没有用UTF-8编码。将我文件的字符集更改为UTF-8解决了我的问题。

angularJS：模板通过自定义指令不显示特殊字符

1 个答案: