如何处理 Ember Js Handlebars 中的对象数组

Question

我从服务器收到的响应类似于

category:{
    listOfCategory: [
        "diabetes",
        "general"
    ],
    id:1

}

使用 Ember 数据 findAll 方法。我将其返回到我的模型中，并尝试使用每个循环在 hbs 文件中显示。

js代码

model(){
       return this.store.findAll('category');
}

hbs 代码

{{#each model as |category|}}
     <h1>{{category.listOfCategory}}</h1>
{{/each}}

输出：

diabetes,general

我想显示为单独的类别。

Answer 1

给定数据修改你的每个循环：

{{#each model as |category|}}
 {{#each category.listOfCategory as |cat|}}
  <h1>{{cat}}</h1>
 {{/each}}
{{/each}}

您的循环正在调用类别数组，而不是遍历类别数组元素。

How to handle the array of objects in Ember Js Handlebars