使用参数创建ember.js表组件

Question

我正在尝试使用ember.js创建表组件。我需要传递，表名，列标题名称和列名，并且应该相应地呈现表。列数因表而异。

但是我的代码不能处理作为列表传递的参数。这是代码的一部分：

 <script type="text/x-handlebars" data-template-name="index">
     <h1> Testing Table 1</h1>
     {{table-ember tableName="Table 1" noOfColumns="3" columnHeaders="['LineID', 'Placement Name', 'Pricing Type']"  columnNames="['lineId', 'name', 'pricingType']"}}

     <h1>Testing Table 2</h1>
     {{table-ember tableName="Table 2" noOfColumns="2" columnHeaders="['LineID', 'Placement Name']"  columnNames="['lineId', 'name']"}}
 </script>

 <script type="text/x-handlebars" data-template-name="components/table-ember">
    <p>{{tableName}}</p>
      {{#if columnHeaders}}     
        <table>
         <thead>
          {{#each columnHeaders}}
             <tr>
               <th>{{columnHeaders}}</th>
            </tr>
          {{/each}}
        </thead>

         {{#each}}
         <tr>
           <td>{{#link-to 'columnName' this}}{{columnNames}}{{/link-to}}</td>
         </tr>
         {{/each}}
      </table>
     {{/if}}
 </script>