I'm trying to move my app to the new Emberjs Router component that uses "outlets".

See refs: <http://emberjs.com/guides/outlets/> and this:
<http://codebrief.com/2012/07/anatomy-of-an-ember-dot-js-app-part-i-redux-routing-and-outlets/>

How I understand this to work: 
When you connect an outlet using a string the following things happen

1. Ember looks for the view definition on the App and instantiates it
2. Ember looks for the controller definition on the App and creates a instance of it
3. Hooks the two between each other like so: sets views controller property and sets controllers view property

--- Works well up until the last step. I can't seem to get the view property to set on the controller.

JSBin here: <http://jsbin.com/ekekir/40/edit>

Relevant code:

**App.Router**

```js
App.Router = Ember.Router.extend({
  root: Ember.Route.extend({
    state1: Ember.Route.extend({
      route: '/state1',

      connectOutlets: function (router) {
        router.get('applicationController').connectOutlet('state1')
      }
    })
  })
});

```

**Controller and View**

```js
App.State1View = Ember.View.extend ({ 
  templateName: 'state1',
  submit: function () {
    this.get('controller').doLogView();
    return false;
  }
});

App.State1Controller = Ember.Controller.extend({
  doLogView: function () {
    console.log('Getting controller view:');
    console.log(this.get('view'));
  }
});

```

At the end it returns a big fat null.

Am I doing something wrong or is this just the way it should be?

BTW: This is using ember-1.0.pre.