javascript - 如何在页面上显示多个 ember 模型

Question

我有一个包含四个 FIXTURE 实例的 ember 模型。我想一次将它们全部显示在页面上。我希望他们在页面上的位置是顶部、左侧、右侧或底部之一。这些值将从模型的属性中读取。我是客户端开发和 ember 的新手。我不确定这样的最佳做法是什么。我觉得应该在 css 中完成定位。我知道我需要为我的模型使用 Ember.ArrayController，但我不知道如何去做。向正确的方向稍微插入一下将不胜感激。这是我的 jsfiddle

<script type="text/x-handlebars" data-template-name="server">
{{region}}    
</script>

<script type="text/x-handlebars" data-template-name="servers">

{{#each 'server'}}
    {{region}}
{{/each}}

</script>

    App.Server = DS.Model.extend({

    region: DS.attr('string')

}).reopenClass({
    FIXTURES: [
        {
            id:1,
            region: "North"

        },
        {
            id:2,
            region: "South"
        },
        {
            id:3,
            region: "East"
        },
        {
            id:4,
            region: "West"
        },

    ]

});

.north {

}

.east {

}

.south {

}

.west {

}

Answer 1

这是一个使用您的数据的简单示例。

http://emberjs.jsbin.com/OxIDiVU/354/edit

还有另一个例子，你的数据在服务器路由中。

http://emberjs.jsbin.com/OxIDiVU/355/edit

主要思想是您有一个路由器，它为您的应用程序定义 url。不同的 url 由路由支持，路由用于获取支持用于该路由的模板的模型。如果您选择使用 Ember Data，则需要使用商店来获取记录。

我建议您阅读 Ember 网站上的指南来开始建立基金会。 http://emberjs.com/guides/祝您好运，如有问题，请随时在网站上提出更多问题!

App.ServersRoute = Ember.Route.extend({
  model: function() {
    return this.get('store').find('server');
  }
});