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

然后你就可以通过下面的url与相关视图进行交互了

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

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