Handlebars 팁

1347 단어 handlebars

1. 자가용 방법


1. 각각을 훑어보다

var data = [{id:'first',name:'vuturn'},{id:'second',name:'John'}];
{{#each this}}
<span>{{this.id}}</span>
<span>{{this.name}}</span>
{{/each}}

2. 동일 여부 equal

{{#equal key 1}}
<span>Test</span>
{{/equal}}

3.if

{{#if key}}
<span>Test</span>
{{/if}}

4. 상위 변수 호출


../key

2. helper 등록


1. 반복 그룹 표시 색인 방법 등록


등록:
Handlebars.registerHelper('addKey',function(index){
        return index + 1;
    });
사용:
{{#each this}}
      {{addKey @index}}
{{/each}}

2. if(v1==v2){}else{} 방법 등록


등록:
 Handlebars.registerHelper('ifCond',function(v1 , v2 ,options){
        if(v1 == v2){
            return options.fn(this);
        }
        return options.inverse(this);
    });
사용:
 {{#ifCond  key  value}}
      <span>test</span>
 {{else}}
    <span>test</span>
 {{/ifCond}}

참조:http://handlebarsjs.com/

좋은 웹페이지 즐겨찾기