javascript - Handlebars.js #each 不工作

Question

我正在用头撞 table 。我不明白为什么这不起作用。

我正在尝试使用一个简单的 Handlebars #each 循环来输出带有模型中定义的 css 类的星星。我通过 Trigger.io 在 iPhone 上的 UIWebView 中执行此操作(不确定这是否相关)。它只是不将变量输出到模板的 HTML 中。

我已将完全相同的代码复制到 JS Fiddle 中，它在我的计算机和 iPhone 上都可以运行 ( http://jsfiddle.net/yeldarb/c4GTc/1/ )。

经过反复检查模型后，我最终决定只输出变量而不循环它，并且效果很好。

模板的相关部分如下所示:

{{player_1.stars}}

<div class="player_1">
    <div class="stars">
        {{#each player_1.stars}}
            <div class="star {{this}}"></div>
        {{/each}}
    </div>

这证实了我的怀疑:Handlebars 正在从模型中获取数据，但 #each 循环不知何故失败了。

看看它如何为 {{player_1.stars}} 输出加星标、加星标、加星标？嗯，生成的 HTML 看起来像这样:

我告诉你，这太疯狂了。那些<div class="star "></div>行应该是 <div class="star starred"></div>

有什么想法吗？

Answer 1

这是早期版本的 Handlebars 中存在的错误，现已修复。