把手如果否则调整多个值

时间:2016-11-21 04:40:09

标签: html handlebars.js

如何在选择模板中输出相同的div?

{% if frame == 'frame-name-1' && frame =='frame-name-2' && frame == 'frame-name-3' %}
<div class="videoDiv">
    <button class="popupbutton" href="#popup-video-div">Click Here</button>
</div>
{% endif %}

我正在使用此代码,但无效。你能帮助我吗? TIA!

1 个答案:

答案 0 :(得分:0)

我建议您注册helper function这样的一种方式:

辅助功能:

Handlebars.registerHelper("ifvalue", function(conditional, options) {
 if (conditional.indexOf(options.hash.equals) >= 0) {
    return options.fn(this);
 } else {
    return options.inverse(this);
 }
});

模板:

{{#ifvalue possibleframes equals="frame-name-1"}}
  <div class="videoDiv">
   <button class="popupbutton" href="#popup-video-div">Click Here</button>
  </div>
{{/ifvalue}}

{{#ifvalue possibleframes equals="frame-name-2"}}
  <div class="videoDiv">
   <button class="popupbutton" href="#popup-video-div">Click Here</button>
  </div>
{{/ifvalue}}

{{#ifvalue possibleframes equals="frame-name-3"}}
  <div class="videoDiv">
   <button class="popupbutton" href="#popup-video-div">Click Here</button>
  </div>
{{/ifvalue}}

上下文:

{
 "possibleframes": "frame-name-1, frame-name-2, frame-name-3"
}

以下是http://tryhandlebarsjs.com/

的输出

enter image description here

有关文档,请按照:

希望这对你有帮助,(y)。