javascript - 在 EmberJS 中嵌套资源

Question

我对 EmberJS 框架很陌生，我想知道如何才能使这样的工作：

• 索引页上是大学列表，
• 点击某所大学后，显示该大学的专业列表，
• 单击特定专业后，会显示主题列表。

我在 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');
});

你能告诉我这是否是正确的方法吗？如果是，你能告诉我如何编写必要的模板来实现它吗？

Answer 1

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

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

http://jsbin.com/abiLaPi/1 - 精简版。

http://jsbin.com/abiLaPi/1/edit - 源代码。