Ember.js简单的小部件

时间:2012-11-05 01:42:59

标签: ember.js

我一直试图让我的脑袋缠绕在Ember.JS上并且经历了大量的文档和线程,但我得到了无数的混合色调和来自每个人的不同方向。我试图将一个简单的小部件组合在一起,其中包含:

  • Nav
  • 身体
  • 页脚

我从一个非常简单的应用程序开始,我想象我会有一个父视图,在父视图中我会有子视图/嵌套视图。例如,我会:

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

我非常感谢任何帮助。谢谢。

1 个答案:

答案 0 :(得分:4)

有几种方法可以创建嵌套视图。我已经创建了一个简单的JSFiddle来演示其中两种方法:使用view Handlebars助手和使用outlet。

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

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