Handlebars的if用法和@index用法

Handlebars的if用法和@index用法

一、模板语言

<script type="text/javascript">
    Handlebars.registerHelper("compare", function(v1, v2, options) {
        if(v1 == v2) {
            return options.fn(this); // 满足添加继续执行
        } else {
            return options.inverse(this); // 不满足条件执行{{else}}部分
        }
    });

    Handlebars.registerHelper("subcontent", function(value) {
        if(value.length > 10) {
            return value.substr(0, 10) + "......"; // 满足添加继续执行
        } else {
            return value; // 不满足条件执行{{else}}部分
        }
    });

    Handlebars.registerHelper("if_more_than_ten", function(value, options) {
        if(value.length > 10) {
            return options.fn(this); // 满足添加继续执行
        } else {
            return options.inverse(this); // 不满足条件执行{{else}}部分
        }
    });
script>
<script id="flow_history_template" type="text/x-handlebars-template">
    {{#each this}}
        {{#if tit}}
            {{#compare @index 0}}
                

            {{else}}
                
class="ico_02">
            {{/compare}}
                    
class="tit">{{tit}}</div>
                    
{{time}}</div>
                    

                        
>：{{name}}</p>
                        
>：class="blue">{{result}}</span>p>
                        {{#if_more_than_ten content}}
                            
"display:black;">
                                <t:mutiLang langKey="common.processer_content"/>：{{subcontent content}}
                                class="more"><img src="<%=basePath%>/webpage/letv_common/mobile/images/ico_arrow_down.png" width="16" height="16" alt=""/>展开span>
                            p>
                            <p style="display:none;">
                                <t:mutiLang langKey="common.processer_content"/>：{{content}}
                                class="more"><img src="<%=basePath%>/webpage/letv_common/mobile/images/ico_arrow_up.png" width="16" height="16" alt=""/>收起span>
                            p>
                        {{else}}
                            
"display:black;">
                                <t:mutiLang langKey="common.processer_content"/>：{{content}}
                            </p>
                        {{/if_more_than_ten}}
                    </div>
                li>
        {{/if}}
    {{/each}}
script>