什麼是多級嵌套視圖的最佳解決方案？

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()