(JavaScript) Handlebars Helper 사용하기

템플릿 작업을 하면서 익숙하지 않아서 사용하기 힘들었던 문법이다.

 

Handlebars.registerHelper('변수명', (parameters) =>{
	return 리턴할 내용
});

이 형식을 이용해서 템플릿에 유연하게 데이터를 넣을 수있다. (특히 Jason data가 여러개의 Object로 이뤄져있을 경우)

 

내가 유용하게 사용했던 예시)

 

Handlebars.registerHelper('likes', (index, params1, param2)=>{

			if(index == data.Obj.length - 1)
				return params1 + ' ' + param2 + '% 할인';
			else return params1 + ' ' + param2 + '%, ';
			
		});

@index의 값을 넘겨 받아 if문 조건을 넣어줬다.

 

아래는 적용할 템플릿코드

<div class="$$$">[특별할인]<br>
			{{#each product}}
			{{#likes @index params1 pamrams2}}
			
			{{/likes}}
			
			{{/each}}
		
		</div>