ember.js - emberjs 1.0 ルーティング、名前付きアウトレットを表示できない

Question

重複の可能性:
Emberjs 1.0 以前のルーターはパスの状態を見つけることができず、ルーターが未定義であると言う

これに関するアドバイスは役に立ちます。data-template-name="logging という名前のテンプレートに、 {{outlet mine }}という名前のアウトレットを表示させたいと考えています。今のところ、このjsfiddleを使用すると、 data-template-name="application という名前のテンプレートのみが、 この名前付きアウトレットを表示できます。そのためには、コンソールからApp.router.transitionTo('root.logon.index')を手動で呼び出す必要があります。手動でtransitionToを呼び出さずに、名前付きアウトレットを自動的に表示したい

<script type="text/x-handlebars" data-template-name="application">
  <h1>Hi Friend</h1>
  {{outlet}}
  {{outlet mine }}

 <br/>
 <p><b>help</b></p>

 {{view  Ember.TextField placeholder="what" class="userInput"  }}
   <p> lets see</p>
    {{outlet mine }}

』

App.Router = Ember.Router.extend({
  enableLogging:  true,
  location: 'hash',
  root: Ember.Route.extend({

    showLogin: Ember.Route.transitionTo('root.logon'),

    index:  Ember.Route.extend({
      route:  '/',

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

    }),

    logon:  Ember.Route.extend({
      route: '/login',
      enter: function ( router ){
        console.log("The login sub-state was entered.");
    },
     connectOutlets:  function(router, context){
       router.get('applicationController').connectOutlet( 'login');
     },


     index: Ember.Route.extend({
       route: '/',
       connectOutlets: function(router) {
      router.get('loginController').connectOutlet('mine', 'login');
     }
   })          

  })

 })     

});