将模型数据附加到ember.js应用程序中的表

时间:2014-02-05 01:32:52

标签: javascript ember.js

我的申请很简单。有一个带有一组类别的导航栏,在点击类别时,表格被放入插座。我想要发生的是取决于点击了哪个类别,选择了某些数据,然后将其附加到插座中的空表。

实施例: (导航栏中的类别)

  <script type="text/x-handlebars" id="category1">
    <table class="table">
      <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
      </tr>
      {{#each}}
        <tr>
          <td>{{data_1}}</td>
          <td>{{data_2}}</td>
          <td>{{data_3}}</td>
        </tr>
      {{/each}}
    </table>
  </script>

然后在app.js

App = Ember.Application.create();

App.Category1Route = Ember.Route.extend({
  model: function() {
    return category1_data;
  }
});

App.Router.map(function() {
  this.resource('category1');
});

var category1_data = [
  {
    data_1: 'test data name',
    data_2: 1,
    data_3: 'more data
  }
]

但是现在我正在为我的9个类别中的每个类别复制该表,这个类别不是很干。有没有办法在显示这些数据时不重复?

0 个答案:

没有答案