間違った領域に責任を投げかけている可能性がありますが、単純な Ember アプリでいくつかの奇妙なレイアウトに気付きました。Chrome のデバッガーで DOM を見ると、各要素が含まis="undefined"
れていることに気付きました。は?これは ember/htmlbars に関連していますか? そうでない場合、他の場所を探すための指針はありますか?
注: 私は ember-cli 0.2.0 と ember 1.10 を使用しています。Bootstrap の SASS ライブラリも使用します
psここに私が見ているものの画像スナップショットがあります:
<!-- application.hbs -->
<link href='http://fonts.googleapis.com/css?family=Overlock+SC|Nixie+One' rel='stylesheet' type='text/css'>
<h2 id="title" class="logo">Company Name</h2>
<div class="tagline">tagline</div>
</div>
<div class="top-menu">
<div class="menu">
<div {{bind-attr class=":choice isHome:selected"}} {{action 'navigator' 'index'}}>Home</div>
<div {{bind-attr class=":choice isProducts:selected"}} {{action 'navigator' 'products'}}>Products</div>
<div {{bind-attr class=":choice isPricing:selected"}} {{action 'navigator' 'pricing'}}>Pricing</div>
<div {{bind-attr class=":choice isSignup:selected"}} {{action 'navigator' 'sign-up'}}>Sign Up</div>
</div>
</div>
<div class="container">
{{outlet}}
</div>