ember.js - 是否可以在 Emberjs 中循环计算数组？

Question

我正在尝试循环 Handlebars 中的计算属性数组。在此示例中，我可以对普通数组执行此操作，但不能对计算数组执行此操作: http://jsfiddle.net/gh7Qr/

在 Handlebars 中循环计算属性的正确语法应该是什么？

Answer 1

是的，这是可能的。但是您忘记返回您的计算数组，并且必须将cacheable()添加到计算属性，该属性返回一个对象而不是基元。否则你会遇到无限循环(请参阅讨论 https://github.com/emberjs/ember.js/issues/38 )另请参阅 Gordon Hempton 的优秀文章 blog post关于当前的 Ember.js 陷阱，以及其他有关计算属性的问题。然而自从提交 626d23f可缓存的问题已解决。

正确的代码示例如下:http://jsfiddle.net/gh7Qr/4/

Handlebars :

<script type="text/x-handlebars" >
    {{#each App.games}}
        {{this}}
    {{/each}}
    {{#each App.gamesA}}
        {{this}}
    {{/each}}
</script>

JavaScript:

App = Ember.Application.create({
    games: [1, 2, 3],
    gamesA: Em.computed(function() {
        return this.get('games').map(function(game) {
            return game + 'a';
        })
    }).property('games').cacheable()
});​

​