javascript - Handlebars #each 因一件元素而失败

Question

我有一个 Handlebars 模板，它使用每个语句，一个嵌套在另一个语句内。它工作得很好，直到内部每个遇到数据集中只有一个项目的项目，在这种情况下它不会输出任何内容。这是我的模板:

<div class="container">
    {{#each stories.story}}
        <div class="story">
            <h1 class="mask">
                <span>
                    {{copy.heading}}
                </span>
            </h1>
            <ul class="story-copy">
                {{#each copy.body.text}}
                    <li class="mask">
                        <span>{{this}}</span>
                    </li>
                {{/each}}
            </ul>
        </div>
    {{/each}}
</div>

有趣的是，正如我所说，当 copy.body.text 有多个文本节点时输出 ul 时，它会起作用。如果只有 1 个，则结果为空。一定有什么东西我错过了。有人可以帮忙吗？

Answer 1

无法重现您的错误。你可以发布你的数据吗？这个对我有用:http://jsfiddle.net/Schniz/7v0qawbd/

var data = {
    stories: {
        story: [{
            copy: {
                heading: "hello",
                body: {
                    text: [
                        "Hey"
                    ]
                }
            }
        }]
    }
};

但是，尽管我真的不知道您的数据看起来如何，但我认为您的模板应该有点不同: http://jsfiddle.net/Schniz/Ly8uh2u1/用于使用如下数据:

var data = {
    stories: [{
        copy: {
            heading: "hello",
            body: [
                "Hey"
            ]
        }
    }]
};