Ember statemanager, controller, view, model : how to link them together?

http://stackoverflow.com/questions/10459812/ember-statemanager-controller-view-model-how-to-link-them-together

by ud3323

HTML

<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.4.js"></script>
<script type="text/x-handlebars">
    
</script>

JavaScript

var get = Ember.get, getPath = Ember.getPath, set = Ember.set, setPath = Ember.setPath;

App = Ember.Application.create();

App.MyController = Ember.ArrayController.extend({
    load: function() {
        console.log("loading data");
    }
});

App.MyView = Ember.ContainerView.extend({
    childViews: ['streamView'],
    streamView: Ember.CollectionView.extend({
        controllerBinding: 'App.controller'
    })
});

App.MyStateManager = Ember.StateManager.extend({
    initialeState: 'ready',
    
    ready: Ember.ViewState.extend({
        view: App.MyView
   })
});


set(App, 'controller', App.MyController.create({
    content: 'one two three four five six seven eight nine ten'.w()
}));
set(App, 'manager', App.MyStateManager.create());

//streamView = manager.getPath('currentState.view.streamView.content')
//expect(streamView.content).toEqual(controller.content)