ember-viewラッパーが私のテーブルを壊しています

Question

私はemberを初めて使い、簡単なテストアプリケーションを開発しています。私は、テーブルの行をjsonデータから動的にレンダリングしようとしています。タスクは比較的簡単です。しかし、各行はコンポーネントであり、emberはdiv内の要素をember-classクラスでラップします。私はこれが私のテーブルが適切にレンダリングされるのを妨げると信じていますこれは典型的にどのようにemberで扱われるでしょうか？すべてのtdのデータはありません、テーブルの書式とインラインとしてレンダリングされるブラウザに -

//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> 

は今ここに、私は戻ってきていたマークアップです。私はこれがemberラッパーdivの挿入によるものだと思います。

<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> 

これは、視覚的にレンダリングされるものです：

Answer 1

使用：あなたのコンポーネント定義内

tagName: '', 

。