更新Ember嵌套模型和模板

我有一个模型支持的模板。 它是具有第一级文件夹的树列表视图。

我有一个动作处理程序，用于更新任何第一级文件夹的子子。 从我需要更新模型的操作，以便在模板中更新子子。

我可以通过使用pushObject直接更新模型来添加另一个第一级文件夹。

如何添加/更新任何父级文件夹的子子节点。

在模板中：

 
 Welcome to Ember.js
 {{outlet}}   
 {{#each item in model}} 
{{item.foldername}}
 {{/each}} 
 Add First Level Folder Add Sub Folder  

在我的app.js中：

 App = Ember.Application.create(); App.Router.map(function() { // put your routes here ; }); App.folder = Ember.Object.extend(); App.IndexRoute = Ember.Route.extend({ model: function() { return [{'foldername': 'Folder 1'}, {'foldername': 'Folder 2'}, {'foldername': 'Folder 3'} ]; }, actions: { createFolder: function () { var obj = App.folder.create({'foldername': 'Folder 4'}); this.modelFor('index').pushObject(obj); }, createSubFolder: function () { var subObj = App.folder.create({'foldername': 'Sub Folder 1'}); //How to update this in the model below of any first level folder. } } }); 

JSBIN演示链接

Answer 1

您需要使用partials递归渲染。

这是一个工作演示。