如何在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＆gt; = 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}

您必须在第二次真相测试中手动覆盖key至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}

缺点：这不会缩放，它很难看，它会重复数据。

辅助方法

根本不需要粉尘助手。

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

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

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