Ember.js视图在转换时消失

Question

不知何故，即使在最简单的例子中，当我尝试转换到另一个状态/路由时，我想出一个视图会消失。

我的索引路线是这样的：

--Application------------------------------- 
| --Header-------------------------------- | 
| | --ViewA----------------------------- | | 
| | | View A!       | | | 
| | |__________________________________| | | 
| |          | | 
| | --ViewB----------------------------- | | 
| | | View B!       | | | 
| | |__________________________________| | | 
| |______________________________________| | 
|           | 
| --Main---------------------------------- | 
| | I stay here, no matter what!   | | 
| |______________________________________| | 
|__________________________________________| 

只要我去了“下一步”的状态，ViewB消失，它看起来像这样：

--Application------------------------------- 
| --Header-------------------------------- | 
| | --ViewA----------------------------- | | 
| | | View A!       | | | 
| | |__________________________________| | | 
| |______________________________________| | 
|           | 
| --Main---------------------------------- | 
| | I stay here, no matter what!   | | 
| |______________________________________| | 
|__________________________________________| 

行为可以看出在这个例子中，应用程序http://jsfiddle.net/SAra5/4/

Answer 1

它看起来像被弄糊涂了，如果你没有指定它在新的路线上做任何事情，它就不会渲染所有的出口。 ake的东西正常工作将包括你想要的路线再次在NextRoute渲染。

App.NextRoute = Ember.Route.extend({ 
     renderTemplate: function() { 
     this.render('header', {'outlet':'header', 'into':'application'}); 
     this.render('main', {'outlet':'main', 'into':'application'}); 

     this.render('viewB', {'outlet':'viewB', 'into':'header'}); 
     this.render('viewA', {'outlet':'viewA', 'into':'header'}); 
    } 
}); 

如果你做的改变NextRoute之前交换this.render('viewB', {'outlet':'viewB', 'into':'header'});与索引路线this.render('viewA', {'outlet':'viewA', 'into':'header'});，你会看到它现在只呈现viewB！奇怪，是吧？虽然在当前时间点，但我不确定它是一个错误还是一个功能。

Answer 2

我不知道你的意图的行为，但它是更好地抽象出你IndexRoute，因为你需要在每一个路线相同，否则将被删除：http://jsfiddle.net/SAra5/5/

但是，您的例子似乎令人费解。我认为你的解决方案在于{{render}}。请看我的帖子在这里：Different rendering techniques in emberjs handlebars template