ember.js - 使用 Ember.js 创建 Web 应用程序

Question

我刚刚发现了 Ember.js，它看起来很有趣。我想创建一个小型笔记应用程序来学习如何使用它。

我想到的基本布局是有类别，每个类别可以有注释。对于用户界面，将有一个侧边栏，其中包含可单击的类别，并且该类别的注释将显示在另一侧。

但我不太清楚整个模板/布局系统。模板系统本身看起来足够简单(与 Rails View 足够相似)。但是你对布局做了什么？例如，使用 Rails，您可以非常轻松地定义布局，然后将各个 View 添加到其中。我对 Ember.js 似乎不清楚。

Answer 1

除了@rharper提到的方法之外，您还可以使用outlet帮助器，该帮助器已在提交5a4917b中引入。 .

你可以找到一个例子here :

Handlebars :

<script type="text/x-handlebars" data-template-name="main" >
    Main View
    {{outlet contentView}}
    {{outlet footerView}}
</script>

JavaScript:

App.viewController = Ember.Object.create({
    footerView: Ember.View.create({
        templateName: 'footer'
    }),
    contentView: Ember.View.create({
        templateName: 'content'
    })
});

Ember.View.create({
    controllerBinding: 'App.viewController',
    templateName: 'main'
}).append();

Ember.run.later(function(){
    App.viewController.set('contentView', Ember.View.create({
        templateName: 'new-content'
    }));
}, 1000);

​