Javascript 在EmberJS中嵌套资源

我对EmberJS框架非常陌生，我想知道如何才能让它像这样工作：

App.Router.map(function() {
  this.resource('index', { path: '/' }, function(){
    this.resource('universities', { path: 'univs'}, function(){
      this.resource('university', { path: '/:universities_id'}, function(){
        this.resource('majors', { path: 'majors'}, function(){
          this.resource('major', { path: '/:majors_id'}, function(){
            this.resource('subjects', { path: 'subjects'}, function(){
            });//subjects
          });//major
        });//majors
      });//university
    });//universities       
  });//index
  this.resource('about');
  this.resource('contact');
});

• 索引页上有一个大学列表
• 点击某所大学后，该大学的专业列表显示
• 单击某个专业后，将显示一个科目列表

我在JavaScript中所做的是这样的：

App.Router.map(function() {
  this.resource('index', { path: '/' }, function(){
    this.resource('universities', { path: 'univs'}, function(){
      this.resource('university', { path: '/:universities_id'}, function(){
        this.resource('majors', { path: 'majors'}, function(){
          this.resource('major', { path: '/:majors_id'}, function(){
            this.resource('subjects', { path: 'subjects'}, function(){
            });//subjects
          });//major
        });//majors
      });//university
    });//universities       
  });//index
  this.resource('about');
  this.resource('contact');
});

---

你能告诉我这是否是一种正确的方法吗？如果是，你能告诉我如何编写完成所需的模板吗？

是的，这是正确的方法。但您不需要资源“索引”

您可以将模板放在html页面中，并在路由器中呈现它们（使用renderTemplate）

-简化版

---

-源代码。

路由器地图基本上就是你应用程序的蓝图/结构，通过询问如何实现这些编写模板，你基本上是在要求为你编写整个应用程序，那么，为什么不开始编写代码，然后问一个特定的问题，你在哪里遇到了问题？你能再告诉我一件事吗：我怎么能把这些列表并排放在一起？现在一个列表取代了另一个。现在我用了一种不同的方式。但是我不知道为什么它不起作用。我的源代码：它无法正确呈现“大学”模板。这真的很奇怪，因为在点击“大学”后，它不工作，但当我刷新页面时，它会正确呈现。