10

我面临一个问题，我需要将状态管理器、控制器和视图链接在一起，同时避免获得丑陋的意大利面条代码。问题是：应该首先创建这些对象中的哪一个并负责创建其他对象？

具体来说，这是我的例子。首先，视图是一个容器视图的子类，它有一个集合视图作为子视图：

App.MyView = Ember.ContainerView.extend {

     childViews: ['streamView']

     streamView: Ember.CollectionView.extend {
     }

}

控制器就像 Ember.ArrayController 的子类一样具有加载方法：

App.MyController = Ember.ArrayController.extend {
     load: ->
        console.log "loading data"
}

状态管理器有一个视图状态，它将实例化 App.MyView ：

App.MyStateManager = Ember.StateManager.extend {

   initialeState: 'ready'

   ready: Ember.ViewState.extend {

        view: App.MyView    

   }
}

现在我需要运行以下测试：

 controller = App.MyController.create {}
 manager = App.MyStateManager.create {}

 expect(manager.getPath('currentState.name').toEqual('ready')
 expect(controller.load).toHaveBeenCalled()
 streamView = manager.getPath('currentState.view.streamView.content')
 expect(streamView.content).toEqual(controller.content)

为了使最后的期望起作用，我需要将作为 App.MyView 子级的 streamView 的内容与控制器内容绑定。我怎样才能干净地做到这一点？

此外，如何将状态管理器的引用传递给视图和控制器，以便在发生某些事件时通知管理器，以便它需要转换到另一个状态。例如，单击项目或控制器确实完成了一项工作？

4

1 回答 1

3

Take a look at this gist by Yehuda Katz discussing the new router implementation. https://gist.github.com/2728699

The suggestion seems to be to make the router and by extension the state manager the point at which the 3 layers are tied together.

于 2012-05-26T11:21:48.357 回答