4

{{#each}} 中的 {{#if}} 的这个简单示例产生了一个意想不到的（对我来说）结果：

HTML：

<head>
    <title>test</title>
</head>

<body>
    {{> test yes=true}}
</body>

template name="test">
    {{#if yes}}
        <span>yes</span>
    {{else}}
        <span>no</span>
    {{/if}}
    <ul>
        {{#each testItems}}
            {{#if yes}}
                <li>yes</li>
            {{else}}
                <li>no</li>
            {{/if}}
        {{/each}}
    </ul>
</template>

JS：

Template.test.helpers({
    testItems: [1,2,3]
});

输出：

是的

  • 不
  • 不
  • 不

我期待一个带有 3 x 是的列表...

这段代码有什么问题？

4

1 回答 1

5

每个帮助器中的数据上下文是 testItems 数组，但您正在尝试访问父上下文的变量（测试模板的数据上下文）。所以自然是未定义，从而导致 if 语句评估为假。如果您访问父上下文，您应该得到预期的结果。

<head>
    <title>test</title>
</head>

<body>
    {{> test yes=true}}
</body>

template name="test">
    {{#if yes}}
        <span>yes</span>
    {{else}}
        <span>no</span>
    {{/if}}
    <ul>
        {{#each testItems}}
            {{#if ../yes}}
                <li>yes</li>
            {{else}}
                <li>no</li>
            {{/if}}
        {{/each}}
    </ul>
</template>
于 2014-10-23T16:18:06.507 回答