2016-11-21 69 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)。