Ember.js 多层嵌套视图的最佳解决方案是什么?

Ember.js 多层嵌套视图的最佳解决方案是什么?,ember.js,Ember.js,我想显示第一级内容,同时,在第一级中不断添加其他视图。这将是多层次的深像这样。现在代码不是嵌套视图 如果我在第一级使用CONTAINERVIEW,那么它的内容就不会显示,如果我使用VIEW,那么我就不能添加另一个视图,或者我不知道如何在不使用handle bar模板的情况下添加它 Ember.js擅长管理多级嵌套视图吗?我修改了您的示例,其中显示了多级嵌套视图 window.App = Ember.Application.create() App.FirstLevelView = Ember.

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

如果我在第一级使用CONTAINERVIEW,那么它的内容就不会显示,如果我使用VIEW,那么我就不能添加另一个视图,或者我不知道如何在不使用handle bar模板的情况下添加它


Ember.js擅长管理多级嵌套视图吗?

我修改了您的示例,其中显示了多级嵌套视图

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

但是,如果无法在父视图中获取嵌套视图,则可以执行此操作

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

了解更多关于构建单页应用程序的具体内容会有所帮助,需要页眉、页脚和内容,但在每个页面中都有其他子元素。因此,有多层嵌套视图需要渲染并与ember对象绑定。我试图找到一个解决方案,这是更好的管理子视图,如ContainerView,可以添加,删除子视图。但同时,要显示视图本身。因为即使在页脚、页眉级别,也有一定的模板需要渲染。添加一些关于这是怎么做的解释将使这是一个更好的答案。