從父控制器訪問itemControllers

Question

是否可以從父控制器訪問itemController的集合？ 我有以下代碼：

App.ShoppinglistController = Ember.Controller.extend(
    cartContent: null 

    actions: 
    removeSelected: -> 
     # How to I get each of the cart contents with it's ShoppinglistItemController? 
     # I want to filter them by the 'isSelected' property 
) 

App.ShoppinglistItemController = Ember.ObjectController.extend(
    isSelected: null 
) 

App.ShoppinglistRoute = Ember.Route.extend(
    setupController: (controller) -> 
    # [...] 
    controller.set('cartContent', cartContent) 
) 

<script type="text/x-handlebars" data-template-name="shoppinglist"> 
    {{#each cartContent itemController="shoppinglistItem"}} 
    {{title}} 
    {{view Ember.Checkbox checked=isSelected}} 
    {{/each}} 
    <div {{action 'removeSelected'}}>Remove selected items</div> 
</script> 

Answer 1

而不是在每個視圖助手itemController="shoppinglistItem"的。將此移至App.ShoppinglistController。如下所示：

App.ShoppinglistController = Ember.Controller.extend(

    itemController: "shoppinglistItem" 

    cartContent: null 

    actions: 
    removeSelected: -> 
     cartsToRemove = @.get('cartContent').filterBy('isSelected', true) 
     # ... remove the carts 
) 

App.ShoppinglistItemController = Ember.ObjectController.extend(
    isSelected: null 
) 

App.ShoppinglistRoute = Ember.Route.extend(
    setupController: (controller) -> 
    # [...] 
    controller.set('cartContent', cartContent) 
) 

<script type="text/x-handlebars" data-template-name="shoppinglist"> 
    {{#each cartContent}} 
    {{title}} 
    {{view Ember.Checkbox checked=isSelected}} 
    {{/each}} 
    <div {{action 'removeSelected'}}>Remove selected items</div> 
</script>