以下是相关模板:
<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文件编译它们
出于某种原因,这些引号是在标记中的导航栏周围添加的,它会弄乱我的页面布局。
我认为它可能与带有ember 1.9的whitespace issue有关,但我尝试使用Unix样式结尾保存文件但它没有帮助。
有没有人知道可能导致此问题的原因?
答案 0 :(得分:0)
原来是因为Visual Studio会将我的.hbs文件保存在带有BOM(带签名)的UTF8中,这会在文件的开头添加一堆隐藏的字符。
我没有签名就保存了它们,现在它完美无缺。没有更多的空字符串,我的布局是我期望的。