Ember #each每次从数组中获取每个元素而不是整个数组?

时间:2012-07-30 17:58:56

标签: jquery arrays binding ember.js

我定义了一个Ember对象,它从.json文件中获取数据。

我正在使用ember和x-handlebars从使用Ember数组控制器定义为Ember对象一部分的数组输出图像。

数组定义如下:

{
     "gallery_small": ["data/images/gallery_01_small.jpg", "data/images/gallery_02_small.jpg"]  
}

我目前的HTML是:

{{#each content.gallery_small}}
     {{#collection contentBinding="Application.projectdetailController"}}
          {{content.gallery_small}}
     {{/collection}}
{{/each}}

目前正在输出的是

data/images/gallery_01_small.jpg,data/images/gallery_02_small.jpg
data/images/gallery_01_small.jpg,data/images/gallery_02_small.jpg

我想要的是

data/images/gallery_01_small.jpg
data/images/gallery_02_small.jpg

我怎样才能得到这个?

非常感谢!

1 个答案:

答案 0 :(得分:2)

通过执行{{#collection contentBinding="Application.projectdetailController"}},您正在定义新的上下文。所以在{{content.gallery_small}}中,内容是Application.projectdetailController的一个对象,它似乎是数组。

我会试试这个:

{{#each image in Application.projectdetailController.content}}
    {{image}}
{{/each}}

如果它不起作用,请用您的完整代码更新您的问题,或者创建一个jsfiddle,这样我就能更好地理解问题所在。