EmberJS 路由器和嵌套视图

Question

我正在构建一个具有几层子视图的应用程序，我对如何构建路由器感到困惑。 我可以接受平面视图，所有视图都自动替换到最上面的{{outlet}}中，但现在我的子视图将有自己的子视图。

是否有新的（pre4）EmberJS路由器处理子视图树的示例？ 路由器指南介绍了"资源"的概念，但我不知道那是什么，我无法判断它是否会帮助我。

谢谢！

Answer 1

下面是一个关于如何将资源方法与 Ember 一起使用的示例。这个想法是将逻辑上适合的路由分组。如果您想描述与产品的互动，则需要列出、创建、编辑和删除产品。然后，您的路由应定义为

APP.Router.map(function(match) {
  this.resource("products", function(){
    this.route('new');
    this.route('edit',{path:'/edit/:id'});
    this.route('delete',{path:'/delete/:id'});
  });  
});

然后，您可以通过以下 url 与相关视图进行交互

/#/products
/#/products/new
/#/products/edit/1
/#/products/delete/1

在某种程度上，这将帮助您根据状态和子状态来描述应用程序。