对此的任何建议都会有所帮助。我希望名为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');
}
})
})
})
});