Metamorphs Messing Up CSS içinde Ember.js Görünümler

Question

Ember.js/handlebars kullanarak bir koleksiyon arasında geçiş yapmak ve güzel ve duyarlı bir şekilde işlemek için önyükleme yapmak istediğim bazı öğeleri tükürüyorum.

önyükleme duyarlı css içine biraz declrations gibi vardır:

.row-fluid > [class*="span"]:first-child { 
    margin-left: 0; 
} 

ve

.row-fluid:before, .row-fluid:after { 
    display: table; 
content: ""; 
} 

Bu kurallar ilk çocukları hedef gibi görünüyor İşte konudur. gidon benim toplama yoluyla ben döngü benim öğelerin çevresine metamorph kodunun bir grup ile sona zaman:

İşte

<div class="row-fluid"> 
      {{#each restaurantList}} 
       {{view GS.vHomePageRestList content=this class="span6"}} 
      {{/each}} 
</div> 

üretilen şudur: 1:

<div class="row-fluid"> 
     <script id="metamorph-9-start" type="text/x-placeholder"></script> 
      <script id="metamorph-104-start" type="text/x-placeholder"></script> 
       <div id="ember2527" class="ember-view span6"> 
       My View 
       </div> 
      <script id="metamorph-104-end" type="text/x-placeholder"></script> 
      <script id="metamorph-105-start" type="text/x-placeholder"></script> 
       <div id="ember2574" class="ember-view span6"> 
       My View 2 
       </div> 
      <script id="metamorph-105-end" type="text/x-placeholder"></script> 
     <script id="metamorph-9-end" type="text/x-placeholder"></script> 
</div> 

Benim soru budur. CSS'ye komut dosyası etiketlerini yoksaymasını nasıl söyleyebilirim? veya 2. İlk veya ilk çocuğu seçerken, komut dosyası etiketlerini atlayabilmeleri için css bağlantılarını nasıl düzenleyebilirim? veya 3. Ember'in daha az/hiç metamorph etiketi kullanmamasını nasıl yapılandırabilirim? İşte

bir keman olduğunu: Metamorphs kurtulursanız http://jsfiddle.net/skilesare/SgwsJ/

Answer 1

sayesinde aşağıdakileri yapmak github

üzerine @wagnet için. Teşekkürler Peter!

Şablon

{{view Em.CollectionView itemViewClass="GS.vHomePageRestList" contentBinding="restaurantList" class="row-fluid"}} 

Görünüm Sınıf

ben kullanarak bu sorunla uğraştım

GS.vHomePageRestList = Em.View.extend 
templateName: 'tHomePageRestList' 
classNames: ['span6'] 

Answer 2

: yerine ilk örneği tipi seçici: first-child. Bunun bir dezavantajı şudur: ilk-tipi daha az desteklenmektedir (IE8'in desteklediğine inanıyorum: ilk-çocuk ama değil: ilk-tür).