什么是多级嵌套视图的最佳解决方案？

Question

http://jsfiddle.net/lily/9w5QU/3/

我想显示第一级内容，同时不断添加其他视图INSIDE第一级。这将是多层次的。现在代码不是嵌套视图。

如果我对第一级使用CONTAINERVIEW，那么它的内容将不会显示，如果我使用VIEW，那么我不能添加另一个视图，或者我不知道如何添加它而不使用手柄栏模板。

是Ember.js擅长管理多层嵌套视图？

Answer 1

我修改了您的示例，显示了多级嵌套视图。

window.App = Ember.Application.create() 

App.FirstLevelView = Ember.View.create 
    tagName: 'div' 
    classNames: ['box'] 
    name: 'first level container' 
    template: Ember.Handlebars.compile '{{name}} {{view secondView}}' 
    secondView: Ember.View.extend 
     tagName: 'div' 
     classNames: ['box'] 
     name: 'second level container should go inside first level container' 
     template: Ember.Handlebars.compile '{{name}} {{view thirdView}}' 
     thirdView: Ember.View.extend 
     tagName: 'div' 
     classNames: ['box'] 
     name: 'third level view goes inside second' 
     template: Ember.Handlebars.compile '{{name}}' 

App.FirstLevelView.append() 

Answer 2

不过如果你不能得到你的父视图中嵌套的视图，你可能做到这一点，

window.App = Ember.Application.create() 
App.ApplicationController = Ember.ObjectController.create() 
App.FirstLevelController = Ember.ObjectController.create() 

App.FirstLevelView = Em.View.create 
    tagName: 'div' 
    classNames: ['box'] 
    name: 'first level container' 
    template: Em.Handlebars.compile("{{name}}{{view controllers.applicationController.view.secondView}}") 
    secondView: Em.View.extend 
     tagName: 'div' 
     classNames: ['box'] 
     name: 'The second level container should go inside first level container' 
     template: Ember.Handlebars.compile 'Hey Khajan!! {{name}}' 

App.FirstLevelView.append()