使用Handlebars我可以这样做:
<script type="text/x-handlebars" data-template-name="index">
<table>
{{#each model as |item index|}}
<tr {{action 'update' index}}>
{{#each col in columns}}
<td>{{dd item col}}</td>
{{/each}}
</tr>
{{/each}}
</table>
</script>
App = Ember.Application.create();
App.IndexRoute = Ember.Route.extend({
model: function() {
return [
{ name: "Joe", description: "Good guy", age: 15 },
{ name: "Moe", description: "Bad guy", age: 25 },
{ name: "Dude", description: "Some other guy", age: 65 }
];
}
});
App.IndexController = Ember.ArrayController.extend({
columns : ['age', 'name', 'description'],
actions: {
update: function(index) …