dust.js - 如何在 Dust 模板中运行或调节

Question

我正在使用 "dustjs-helpers": "1.6.0", 与"dustjs-linkedin": "^2.6.0".

在我的模板中，我需要检查 OR 条件，例如

if( cherry === true || berry === true)
  path/to/template1/
else 
  path/to/template2/

如何使用 Dust 助手完成此任务？

Answer 1

因为您要测试两个不同的变量，所以您需要两个不同的真值测试。

您可以将此逻辑放入您的模板中，也可以放入一个小助手中。我会告诉你两种方式。

假设您的上下文如下所示：

{
  "cherry": false,
  "berry": true
}

模板法

此方法需要dustjs-helpers >= 1.6.2

你必须包括两张{@eq}支票。因为您使用的是最新版本的 Dust，所以您可以访问{@any}和{@none}助手。

{@select key=cherry}
  {@eq value="true" type="boolean"/}
  {@eq key=berry value="true" type="boolean"/}
  {@any}path/to/template1{/any}
  {@none}path/to/template2{/none}
{/select}

您必须在第二个真实测试中手动覆盖keyto 。berry

不太棒的模板方法

适用于所有版本的dustjs-helpers。

{@eq key=cherry value="true" type="boolean"}
  path/to/template1
  {:else}
  {@eq key=berry value="true" type="boolean"}
  path/to/template1
  {:else}
    path/to/template2
  {/eq}
{/eq}

缺点：这不能扩展，很丑陋，它会重复数据。

辅助方法

根本不需要dustjs-helpers。

{
  "cherry": false,
  "berry": true,
  "isFruit": function(chunk, context) {
    return context.get("cherry") || context.get("berry");
  }
}

{?isFruit}
  path/to/template1
{:else}
  path/to/template2
{/isFruit}

优点：您可以在不更改模板的情况下添加更多条件。