有没有办法从木偶.js中的显示控制器访问在列表控制器中创建的布局区域

该应用程序有一个mainRegion，它显示动态布局。我有一个路由问题和访问布局并更新其pizzaTypeRegion的组合问题.此布局是在 list_controller.js.coffee 中创建的，它有一个pizzaTypeNameRegion（包含披萨类型名称）和一个pizzaTypeRegion（显示披萨类型详细信息）。我想在手动编辑网址时更新pizzaTypeRegion：http://localhost:3000/#pizza_types .#pizza_types 按预期显示所有pizza_types。

我可以单击pizzaTypeNameRegion中的链接，它会使用正确的内容更新pizzaTypeRegion，没有任何问题。

在 url 中手动键入pizza_type id 时：

http://localhost:3000/#pizza_types/1 - 应显示第 1 种披萨类型，但不更新pizzaTypeRegion

http://localhost:3000/#pizza_types/2 - 应显示第二种披萨类型，但不更新pizzaTypeRegion

我正在获得证据，证明特定pizza_type是通过登录到控制台获得的。

pizza_types_app.js.咖啡

@Pizzeria.module "PizzaTypesApp", (PizzaTypesApp, App, Backbone, Marionette,$, _) ->
  @startWithParent = false
  class PizzaTypesApp.Router extends Marionette.AppRouter
    appRoutes:
      "pizza_types" : "listPizzaTypes"
      "pizza_types/:id" : "showPizzaType"
  API =
   listPizzaTypes: ->
     PizzaTypesApp.List.Controller.listPizzaTypes()
   showPizzaType: (model) ->   
     PizzaTypesApp.Show.Controller.showPizzaTypeFromEvent model     

  App.on "pizzaTypes:show", ->
    App.navigate "pizza_types"
    API.listPizzaTypes()
  App.addInitializer ->
    new PizzaTypesApp.Router
      controller: API
  App.reqres.setHandler "show:pizza:type:view", (model) ->
    API.showPizzaType model
  App.reqres.setHandler "show:first:pizzaType:view", ->
    API.showFirstPizzaType()

list_controller.js.咖啡

@Pizzeria.module "PizzaTypesApp.List", (List, App, Backbone, Marionette, $, _) ->
      List.Controller =
        listPizzaTypes: ->
          pizzaTypes = App.request "get:pizza:types:entities"
          pizzaType = gon.pizza_type
          @layout = new List.Layout
          @layout.on "show", =>
            @pizzaTypeNameRegion pizzaTypes
            @pizzaTypeRegion()
          App.mainRegion.show @layout
        pizzaTypeNameRegion: (pizzaTypes) ->
          pizzaTypesNameView = new List.PizzaTypeNames
            collection: pizzaTypes
          @layout.pizzaTypeNameRegion.show pizzaTypesNameView
          pizzaTypesNameView.on "itemview:show:pizza:type", (childView, pizzaType) =>
            @newPizzaTypeRegion(pizzaType)
        pizzaTypeRegion: ->
          initialPizzaTypeView = App.request "show:first:pizzaType:view"
          @layout.pizzaTypeRegion.show initialPizzaTypeView
        newPizzaTypeRegion: (pizzaType) ->
          newPizzaTypeView = App.request "show:pizza:type:view", pizzaType.id
          @layout.pizzaTypeRegion.show newPizzaTypeView

show_controller.js.咖啡

@Pizzeria.module "PizzaTypesApp.Show", (Show, App, Backbone, Marionette, $, _) ->
  Show.Controller =
    showPizzaTypeFromEvent: (model) ->
      pizzaType = App.request "pizzaType:entity", model
      pizzaTypeView = new Show.PizzaType
        model: pizzaType
      App.mainRegion.show pizzaTypeView  
      # mainRegion is updated with whatever the url is 
      # ex)`http://localhost:3000/#pizza_types/2` will 
      # place the pizza_type with the id of 2 in the 
      # App's mainRegion, breaking the layout that I 
      # set up in the list_controller.js.coffee. Browser back and forward
      # buttons work, but layout is broken, missing other regions (and their info)

如何使用新的披萨类型更新pizzaTypeRegion？有没有办法访问在list_controller中创建的布局实例，以便只使用新内容更新pizzaTypeRegion，而不会影响布局中的其他区域，通过手动键入 URL ？

编辑 **

• 我摆脱了上面的代码并将所有内容放回原处，以便分离的关切可以维持。我最终没有使用全局，但是而是事件总线

：

list_controller：

newPizzaTypeRegion: (pizzaType) ->
  id = pizzaType.id
  App.vent.on "new:pizza:type:for:pizza:type:region", (pizzaTypeView) =>
    @layout.pizzaTypeRegion.show pizzaTypeView

show_controller：

showPizzaTypeFromEvent: (id) ->
  pizzaType = App.request "pizzaType:entity", id
  pizzaTypeView = new Show.PizzaType
    model: pizzaType
  App.vent.trigger "new:pizza:type:for:pizza:type:region", pizzaTypeView

List.Controller 知道如何更新自己，Show.Controller 告诉 List.Controller 要更新的内容。效果很好，干净得多，而且是解耦的。