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/
var data = [{id:'first',name:'vuturn'},{id:'second',name:'John'}];
{{#each this}}
<span>{{this.id}}</span>
<span>{{this.name}}</span>
{{/each}}
{{#equal key 1}}
<span>Test</span>
{{/equal}}
{{#if key}}
<span>Test</span>
{{/if}}
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/