EmberJS路由器和嵌套视图

Question

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

是否有处理子视图树的新（pre4）EmberJS路由器的示例？ Router Guide引入了“资源”的概念，但我不知道那是什么，我不知道它是否会对我有帮助。

谢谢！

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

然后您可以通过以下网址与相关视图进行互动

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

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