2013-10-14 40 views
0

我想做一个网站,您从列表中选择大学,然后专业的名单,从该大学表明它旁边,之后再选择旁边的那两个节目最多的学科专业,列表。但是我不知道为什么选择专业,URL的变化,但专业列表中消失(以及对象列表)之后。我的代码在这里:http://jsbin.com/IPadIsu/1/edit。由于网址是正确的,因此刷新页面后,所有内容都能正确呈现。什么对我来说是奇怪的:我没有得到任何来自灰烬调试器或控制台错误。父模板不渲染

编辑: 请选择总是从大学之列顶部的选项,因为没有对象名单的其他大学定义。

回答

2

我明白灰烬有一个学习曲线,让我给你一对夫妇的提示。

App.ApplicationRoute = Ember.Route.extend({ 
    renderTemplate: function() { 
    // Render default outlet 
    this.render(); 
    // render extra outlets 
    this.render("navbar", { 
     outlet: "navbar", 
     into: "application" 
    }); 
    } 
}); 

<script type="text/x-handlebars"> 
<!-- Navigation menu top bar --> 
{{outlet "navbar"}} 
{{outlet}} 
</script> 

您正在手动进行所有渲染并设置渲染。这给Ember增加了很大的复杂性。特别是因为如果你渲染成一个出口将会破坏也住在那个叫出口的任何网点。

在您的应用程序路线上,您可以完全删除renderTemplate方法,并只使用应用程序模板中的一个部分(特别是因为在渲染到导航栏模板时甚至没有指定使用其他控制器,并且它们使用相同的控制器)。

App.ApplicationRoute = Ember.Route.extend(); 

<script type="text/x-handlebars"> 
<!-- Navigation menu top bar --> 
{{partial "navbar"}} 
{{outlet}} 
</script> 

有一些其他的手动渲染操作可以被扔掉。我已更新您的示例:

http://jsbin.com/IPadIsu/17/edit

+0

非常感谢。 EmberJS有很多关于我的知识。 – nme