使用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>