emberjs 1.0路由，无法显示命名插座

Question

  

可能重复：
  Emberjs 1.0-pre router can’t find state for path and says router is undefined

对此的任何建议都会有所帮助。我希望名为 data-template-name =＆＃34; logging 的模板显示名为 {{outlet mine}} 的商店。现在使用此 jsfiddle ，只有名为 data-template-name =＆＃34;应用程序的模板才能显示此命名插座，我必须手动从控制台调用 App.router.transitionTo（＆＃39; root.logon.index＆＃39;）以实现此目的。我希望自动显示指定的插座，而无需手动调用 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');
     }
   })          

  })

 })     

}）;