使用Ember数据显示JSON中的数据

时间:2014-10-31 17:09:16

标签: json ember.js ember-data

试图了解Ember Data并且无法显示来自JSON的特定数据。目前在开发期间使用Fixtures适配器:

TM.Users = DS.Model.extend({
    job_number: DS.attr(),
    purl: DS.attr(),
    record_type: DS.attr(),
    sessions: DS.attr()
});

TM.Users.FIXTURES = [
    {
        "id": "1",
        "job_number": "1234",
        "purl": "1234jdoe",
        "details": {
            "forename": "John",
            "surname": "Doe",
        },
        "sessions": [{
            "browser_name": "chrome",
            "browser_version": "33.0.1750.112",
            "os_name": "macintosh",
            "os_version": "os x",
        }]
}];

<!-- code from my handlbars file -->
  <script type="text/x-handlebars" id="view">
    <p>Browser Name</p>
    <p>{{sessions.browser_name}}</p>
  </script>

我想在会话中显示记录但却无法做到这一点。

我做错了什么?

1 个答案:

答案 0 :(得分:0)

从您的示例中,会话是一个数组。您需要使用#each帮助程序遍历数组。

它看起来像这样:

<script type="text/x-handlebars" id="view">
  <p>Browser Name</p>
  {{#each sessions}}
    <p>{{browser_name}}</p>
  {{/each}}
</script>

如果您只想要第一个会话的浏览器,您可以执行以下操作:

<script type="text/x-handlebars" id="view">
  <p>Browser Name</p>
  <p>{{sessions.firstObject.browser_name}}</p>
</script>