使用Dust.js (LinkedIn版本) `@eq`‘匹配多个值

Question

请注意，我正在使用LinkedIn的Dust.js版本，以及他们的助手。

我有一个Dust.js模板，需要确定某个键下的值是否是三个潜在值之一。

{@select key="{movie.type.name}"}
  {@eq value="Episode|Season|Show"}
    <span data-tag="show_level" class="qc_still_info">{@translate key="label.show_level_tag"/}</span>
  {/eq}
  {@default}
    <span class="qc_still_info">{@translate key="label.cannot_tag_show_level"/}</span>
  {/default}
{/select}

{@eq value="Episode|Season|Show"}是匹配史诗、季或秀的伪代码.为了实现这一目标，我想了解最惯用的Dust.js语法。

如果数据是

{
  movie: {
    type: {
      name: 'Season'
    }
  }
}

或

{
  movie: {
    type: {
      name: 'Episode'
    }
  }
}

或

{
  movie: {
    type: {
      name: 'Show'
    }
  }
}

..then我想要下面的输出

<span data-tag="show_level" class="qc_still_info">Add a Show Level Tag</span>

Answer 1

@any是一个相对较新的尘埃助手，它应该解决您的问题(在这里有文档：http://www.dustjs.com/guides/dust-helpers/#select-helper)。使用@any助手，您的代码将如下所示

{@select key=movie.type.name}
  {@eq value="Episode"/}
  {@eq value="Season"/}
  {@eq value="Show"/}
  {@any}
    <span data-tag="show_level" class="qc_still_info">{@translate key="label.show_level_tag"/}</span>
  {/any}
  {@none}
    <span class="qc_still_info">{@translate key="label.cannot_tag_show_level"/}</span>
  {/none}
{/select}