algolia相当新鲜。
需要algolia命中模板的模板。请参阅text / html的脚本以获取模板。
<script type="text/html" id="hit-template">
<div class="hit">
<div class="hit-image">
<img src="{{image}}" alt="{{name}}">
</div>
<div class="hit-content">
<h3 class="hit-price">${{final_price}}</h3>
<h2 class="hit-name">{{{_highlightResult.name.value}}}</h2>
<p class="hit-description">{{{_highlightResult.description.value}}}</p>
</div>
</div>
</script>
我有另一个参数{{retail_price}}
。因此,如果最终价格低于零售价格,我只会显示最终价格。否则,请显示retail_price三次走势。
问题是,如何在<script type="text/html">
中编写if else语句条件?
答案 0 :(得分:0)
我不知道algolia但是如果我是你,我会做一个包装器,接收所有参数,验证条件,设置我将显示的数据,然后使用正确的信息调用模板,如下所示:< / p>
function wrapper_template(image, final_price, _highlightResult){
var show = final_price > 2000 ? true : false;
var html = template(yourTemplate, { image: image, price: final_price, result: _highlightResult });
return html;
}
希望它有所帮助!
答案 1 :(得分:0)
假设这是一个Mustache模板,你需要做的是创建一个javascript脚本并创建一个模板然后使用的标志。像这样:
<script type="text/javascript">
if(price < msrp) {
show_msrp = true;
}
</script>
<script type="text/html" id="hit-template">
<div class="hit">
<div class="hit-image">
<img src="{{image}}" alt="{{name}}">
</div>
<div class="hit-content">
{{#show_msrp}}
<s><h4 class="hit-msrp">${{retail_price}}</h4></s>
{{/show_msrp}}
<h3 class="hit-price">${{final_price}}</h3>
<h2 class="hit-name">{{{_highlightResult.name.value}}}</h2>
<p class="hit-description">{{{_highlightResult.description.value}}}</p>
</div>
</div>
</script>