2016-11-21 59 views
1

如何在选择性模板中输出相同的div?Handlebars if else conditions multiple values

{% 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!

+0

是否有可能“框架”有三个值同时? – pradeep1991singh

+0

@ pradeep1991singh帧是一个变量。我不知道如何简化我的代码有3个值 –

回答

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)。