kor-view sarıcı kor için

Question

Ben yeniyim benim masa kırma ve basit bir test uygulaması üzerinde çalışıyor. Bir tablonun satırlarını dinamik olarak json verilerinden oluşturmaya çalışıyorum. Görevin nispeten basit. Bununla birlikte, her satır, bir bileşenidir ve kor sınıfı kor-görüntüsü bir div elemanı kaydırılır. Bunun masamın düzgün bir şekilde işlenmesini engellediğine inanıyorum. Bu tipik olarak nasıl bir şekilde korunuyor? Tüm td verileri hiçbir tablo biçimlendirme ile satır içi olarak oluşturulur tarayıcıda -

//contact-listing.hbs 
<tr> 
    <th scope="row">{{contact.employee_id}}</th> 
    <td>{{contact.firstName}}</td> 
    <td>{{contact.lastName}}</td> 
    <td>{{contact.email}}</td> 
    <td>{{contact.telephone}}</td> 
    <td>{{contact.department}}</td> 
</tr> 

//contacts.hbs 
<h1>Employees</h1> 
<table class="table"> 
    <thead> 
    <tr> 
     <th>Employee ID</th> 
     <th>First Name</th> 
     <th>Last Name</th> 
     <th>Email</th> 
     <th>Telephone</th> 
     <th>Department</th> 
    </tr> 
    </thead> 
    <tbody> 
    {{#each model as |_contact|}} 
     {{contact-listing contact=_contact}} 
    {{/each}} 
    </tbody> 
</table> 

Şimdi burada ben geri alıyorum işaretleme yöntemidir. Bence bu, kabartma sarmalayıcı div'ların yerleştirilmesinden kaynaklanıyor.

<div id="ember438" class="ember-view"> 
    <tr> 
     <th scope="row"><!----></th> 
     <td><!----></td> 
     <td><!----></td> 
     <td>john@company.com</td> 
     <td>416-555-1111</td> 
     <td>finance</td> 
    </tr> 
</div> 

Bu görsel dışarı render alır budur

:

Answer 1

Kullanım: Bileşeniniz tanımında

tagName: '', 

.