双引号被添加到预编译的Ember模板中

时间:2015-02-08 04:14:24

标签: ember.js handlebars.js

以下是相关模板:

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand">
                My Company
            </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                {{#each page in pages}}
                <li {{bind-attr class="page.isActive:active"}}><a href="javascript:undefined" {{action 'navigate' page}}>{{page.name}}</a></li>
                {{/each}}
            </ul>
            <form class="navbar-form navbar-left hidden-sm" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" />
                </div>
                <button {{action "search"}} class="btn btn-default">Submit</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li>{{#link-to 'cart' class="glyphicon glyphicon-shopping-cart"}}{{/link-to}}</li>
                {{#if user}}
                <li>{{user}}</li>
                {{else}}
                <li>{{#link-to 'login'}}Sign In{{/link-to}}</li>
                <li>{{#link-to 'register'}}Register{{/link-to}}</li>
                {{/if}}
            </ul>
        </div>
    </div>
</nav>
{{outlet}}
<div class="container">
    <hr />
    <footer class="footer">
        © My Company
    </footer>
</div>

我使用我的Ember版本(1.9.1)附带的ember-template-compiler.js文件编译它们

出于某种原因,这些引号是在标记中的导航栏周围添加的,它会弄乱我的页面布局。

enter image description here

我认为它可能与带有ember 1.9的whitespace issue有关,但我尝试使用Unix样式结尾保存文件但它没有帮助。

有没有人知道可能导致此问题的原因?

1 个答案:

答案 0 :(得分:0)

原来是因为Visual Studio会将我的.hbs文件保存在带有BOM(带签名)的UTF8中,这会在文件的开头添加一堆隐藏的字符。

我没有签名就保存了它们,现在它完美无缺。没有更多的空字符串,我的布局是我期望的。