如何使用把手在 ember 模板中显示 JSON 嵌套数组

Question

我来自服务器的 json api 是

{  
   taxonomies:[  
      {  
         id:2,
         name:"Brand",
         root:{  
            id:2,
            name:"Brand",
            pretty_name:"Brand",
            permalink:"brand",
            parent_id:null,
            taxonomy_id:2,
            taxons:[  
               {  
                  id:8,
                  name:"Ruby",
                  pretty_name:"Brand -> Ruby",
                  permalink:"brand/ruby",
                  parent_id:2,
                  taxonomy_id:2
               },
               {  
                  id:9,
                  name:"Apache",
                  pretty_name:"Brand -> Apache",
                  permalink:"brand/apache",
                  parent_id:2,
                  taxonomy_id:2
               },
               {  
                  id:10,
                  name:"Spree",
                  pretty_name:"Brand -> Spree",
                  permalink:"brand/spree",
                  parent_id:2,
                  taxonomy_id:2
               },
               {  
                  id:11,
                  name:"Rails",
                  pretty_name:"Brand -> Rails",
                  permalink:"brand/rails",
                  parent_id:2,
                  taxonomy_id:2
               }
            ]
         }
      }
   ]
}

我想在我的车把模板中显示分类单元 -> pretty_name

{{#each}} 只显示项目符号而不显示数据

我不知道如何遍历数组。 {{taxonomy.root.taxons.firstObject.pretty_name}} 显示名称，但仅显示每个分类单元的第一个对象，而不是全部对象

<ul>
{{#each taxonomy in controller}}
{{#each}}
<li>{{taxonomy.root.taxons.pretty_name}}</li>
{{/each}}
{{/each}}
</ul>

如何获取数据？

Answer 1

您的 JSON 不符合 Ember 的 JSON 约定，如 http://emberjs.com/guides/models/connecting-to-an-http-server/ 和更多详细信息，http://emberjs.com/api/data/classes/DS.RESTAdapter.html 所述。这意味着您的选择是：

1. 更改您的 JSON API 以返回与 Ember 数据约定一致的 JSON
2. 编写您自己的Adapter，扩展DS.RESTAdapter，读取上面列出的JSON

对于选项 1，只需修改您的服务器以返回符合上述约定的 JSON。如果您可以这样做，这通常是最简单的方法。

对于选项 2，您需要为每个模型或整个应用程序定义一个新适配器。然后，您需要覆盖此函数：http://emberjs.com/api/data/classes/DS.RESTSerializer.html#method_extractArray

查看他们在该链接上的示例代码，了解如何执行此操作。