我想parent
从访问的控制器访问控制器{{render}}
。我试过needs
了,但它不起作用。它给了我一个单例控制器,但我想要它的显式controller
控制器content
。
如何解决这个问题来渲染矩阵?
我创建了一个小演示(JS Bin),它的代码与下面相同。
JS:
App = Ember.Application.create();
App.Router.map(function() {
// put your routes here
});
App.IndexRoute = Ember.Route.extend({
model: function() {
return {
items: [ App.Item.create({ id: 'i1' }), App.Item.create({ id: 'i2' }) ],
places: [ App.Place.create({ id: 'p1' }), App.Place.create({ id: 'p2' }) ]
};
}
});
App.Place = Em.Object.extend({
stores: function() {
if (this.get('id') == 'p1') {
return [App.Store.create({ id: 's1', itemId: 'i1', quantity: 4 }),
App.Store.create({ id: 's2', itemId: 'i2', quantity: 6 }),
App.Store.create({ id: 's3', itemId: 'i2', quantity: 12, comment: 'broken' })];
}else {
return [App.Store.create({ id: 's4', itemId: 'i2', quantity: 12 })];
}
}.property('id')
});
App.Item = Em.Object.extend({
});
App.Store = Em.Object.extend();
App.PlaceController = Em.ObjectController.extend({
needs: ['index']
});
App.ItemOnPlaceController = Em.Controller.extend({
needs: 'place',
stores: function() {
var self = this;
// Problem: controllers.place.content == null!
alert(this.get('controllers.place.content'));
//return this.get('controllers.place.content.stores').find(function(store) {
// return self.get('content.id') == store.get('itemId');
//});
}.property('controllers.place.content.stores', 'content.id')
});
和车把模板:
<script type="text/x-handlebars">
<h2>Welcome to Ember.js</h2>
{{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">
<h1>Demo</h1>
<table>
<thead>
<tr>
<th></th>
{{#each item in items}}
<th>Item {{item.id}}</th>
{{/each}}
</tr
</thead>
<tbody>
{{#each place in places}}
{{render "place" place}}
{{/each}}
</tbody>
</table>
</script>
<script type="text/x-handlebars" data-template-name="place">
<tr>
<th>Place {{id}}</th>
{{#each item in controllers.index.content.items}}
<td>
{{render itemOnPlace item}}
</td>
{{/each}}
</tr>
</script>
<script type="text/x-handlebars" data-template-name="itemOnPlace">
{{content.id}}
<ul>
{{#each stores}}
<li>{{quantity}} - {{comment}}</li>
{{/each}}
</ul>
</script>