Dust.js 客户端模板中的条件语句

Question

这里有一个jsfiddle 可以玩。假设我有这个 JSON 数据：

{
    "people": [
        {
            "name": "Bob",
            "eye-color": "Green"
        },
        {
            "name": "Jill",
            "eye-color": "Blue"
        },
        {
            "name": "James",
            "eye-color": "Green"
        }
    ]
}

如果我想使用dust.js 输出所有人的姓名，我会这样设置模板：

<ul>
    {#people}
    <li>{name}</li>{~n}
    {/people}
</ul>

但是，如果：

1) 我只想输出“绿色”眼睛的人的名字？有没有办法使用conditionals in dust 做到这一点？

2) 我只想输出前两个名字，不管眼睛颜色如何

3）我只想输出第二个人的名字，不管眼睛的颜色

编辑：添加第四和第五个场景：

4) 我只想显示第二个和第三个名字（即索引 X 到索引 Y）

5）我只想输出绿眼睛的人的前两个名字（比如说人的列表比上面显示的 3 长得多，包括更多不会显示的绿眼睛的人）。

还有一个问题：

假设我的 JSON 有一个键/值对，如下所示：

{ "tags": ["tag1", "tag2", "tag3"] }

有没有办法使用 {@eq} 来检查它是否包含例如“tag2”？

Answer 1

您可以使这三个都起作用，但您需要使用 Dust helpers。

1：您需要 @eq 助手（我还将密钥从 eye-color 更改为 eyeColor，因为破折号会混淆 Dust。

<ul>
    {#people}
        {@eq key=eyeColor value="Green"}
            <li>{name}</li>{~n}
        {/eq}
    {/people}
</ul>

2：您需要@lt 帮助器以及$idx（$idx 是数组中当前项的索引，其中第一项为 0）。

<ul>
    {#people}
        {@lt key=$idx value=2}
            <li>{name}</li>{~n}
        {/lt}
    {/people}
</ul>

3：您需要@eq 助手以及$idx

<ul>
    {#people}
        {@eq key=$idx value=1}
            <li>{name}</li>{~n}
        {/eq}
    {/people}
</ul>