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

Question

我已经成功地在模板中显示了JSON对象，这要归功于我以前的stackoverflow发布设置数据，从Emberjs中的路由到控制器错误

现在，我正在尝试使用{{#each}}帮助器将嵌套的JSON数据对象显示到模板中。

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

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

对于任何反馈，我们都表示感谢

谢谢，

Answer 1

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

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

这里的工作解决方案

您正在做的问题是没有data.items.items之类的东西。 data.items数组中的每个项目都有其自己的items属性。