Ember.js 简单小部件

Question

我一直在尝试深入了解 Ember.JS，并阅读了大量的文档和线程，但我从每个人那里得到了无穷无尽的混合音调和不同的方向。我正在尝试将一个简单的小部件放在一起，它会有：

• 导航
• 身体
• 页脚

我从一个非常简单的应用程序开始，我想象我将有一个父视图，并且在该父视图中我将有子视图/嵌套视图。例如，我会：

Nav View
Body View
Footer View

我只是不知道如何实现嵌套视图。这是我的代码： var App = Ember.Application.create();

    App.ApplicationController = Ember.Controller.extend();
    App.ApplicationView = Ember.View.extend({
      templateName: 'application'
    });

    App.aplicationController = Ember.Controller.extend();

    App.Router = Ember.Router.extend({
      root: Ember.Route.extend({
        index: Ember.Route.extend({
          route: '/'
        })
      })
    })

    App.initialize();

我非常感谢您对此提供任何帮助。谢谢。

Answer 1

有几种方法可以创建嵌套视图。我创建了一个简单的 JSFiddle 来演示其中两种方式：使用 view Handlebars 帮助程序和使用 outlet。

http://jsfiddle.net/QU2BQ/2/

希望对您有所帮助。如果您有任何问题，请在此处回复。