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

Question

我有一个带有四个 FIXTURE 实例的 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');
  }
});