我的申请很简单。有一个带有一组类别的导航栏,在点击类别时,表格被放入插座。我想要发生的是取决于点击了哪个类别,选择了某些数据,然后将其附加到插座中的空表。
实施例: (导航栏中的类别)
<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个类别中的每个类别复制该表,这个类别不是很干。有没有办法在显示这些数据时不重复?