使用Ember Data从JSON显示数据

Question

试图让我的头绕过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> 

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

我在做什么错？

Answer 1

在你的例子中，sessions是一个数组。您需要使用#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>