在Emberjs中使用每个显示嵌套的json数据

时间:2015-02-23 21:36:41

标签: javascript json ember.js frontend

我已成功将JSON对象显示到我的模板,感谢我之前的stackoverflow帖子上的答案setting data from route to controller error in Emberjs

现在,我正在尝试使用{{#each}}帮助程序向我的模板显示嵌套的JSON数据对象。

这是我的代码: http://screencast.com/t/3fhpckr4E

它在我的开发控制台上没有给我任何错误,它也只是给我空白文本。 我也用不同的方式编写了代码,但仍然没有运气..

任何反馈都将不胜感激

感谢,

1 个答案:

答案 0 :(得分:0)

您可以在模板中执行以下操作:

<script type="text/x-handlebars" data-template-name="index">
  <ul>
  {{#each item in model}}
    <li>{{item.description}}</li>
    <ul>
    {{#each childItem in item.items}}
      <li>{{childItem.title}}</li>
    {{/each}}
    </ul>
  {{/each}}
  </ul>
</script>

工作解决方案here

你正在做的问题是没有data.items.items这样的东西。 data.items数组中的每个项都有自己的items属性...