Ember工具列表/详细信息视图

我试图实现如下所示的父类/子类视图。即列表上点击任一项目的最初&所示，我要采取的细节视图（通过特定的ID，使得AJAX请求，并呈现与细节子模板）Ember工具列表/详细信息视图

Router.map(function() { 
    this.route('pending-items', function() { 
     this.route('pending-items-details', { 
      path: 'details/:itemId' 
     }); 
    }); 
});

我的问题是我必须遵循的文件夹特定hiearchy而创建路由/控制器/模板给出了待定项&‘待定项-细节’

而且我怎么渲染子模板上述要求一旦我有了AJAX响应的细节？

来源

2015-10-15 testndtv

我喜欢做自己想做这样做的：用灰烬-CLI

Router.map(function() { 
    this.route('pending-items', function() { 
     this.route('details', { 
      path: ':item_id' 
     }); 
    }); 
});

，你能做到这一点，如果您尚未创建尚未

烬生成模板待定项
烬生成模板未决项/细节

这将产生哟U该文件在模板文件夹

/pending-items.hbs
/pending-items/details.hbs

呈现模板，你只需要把{{}出口}助手到父模板，例如：

/peding-items.hbs

<h1>Content of the template</h1> 
<div class= 'details'> 
    {{outlet}} 
</div>

/pending-items/details.hbs

<h3> Details of an item</h3> 
<p>something here</p>

现在运行，并在浏览器URL输入放： //本地主机：4200 /待定项/ 1

来源

2015-10-15 16:24:17

非常感谢......虽然你已经展示了将孩子（细节）添加到父项（项目）之下/之内，我的问题是如果有任何使用情况将它们保持在同一级别上（即路径/模板/控制器等）在同一级别，但有道路作为/项目/细节/ 123 – testndtv

也在你的例子中，你已经给模板路径...其他事情（任何模型，控制器，等等）应该遵循相同的物理路径？ – testndtv

同样在呈现细节视图时，我需要使用动态细分ID作为POST参数来创建AJAX请求，然后想要在子/细节视图中呈现响应。那么我该如何处理（基于响应数据呈现子视图）呢？ – testndtv

Ember工具列表/详细信息视图

回答

相关问题