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由路由支持，路由用于获取支持用于该路由的模板的模型。如果您选择使用Ember数据，则需要使用商店以获取记录。

我建议您浏览Ember网站上的指南以启动基础。 http://emberjs.com/guides/祝您好运，并随意在网站上提出更多问题！

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

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

1 个答案: