[handlebars.js] - 객체의 key값 value값 각각 가져오기

핸들바js를 사용하면서 한 세번정도 마주친 적이 있는 문제라서 정리해본다.

한글로 나와있는 곳이 없어서

https://stackoverflow.com/questions/28570736/how-do-i-access-object-keys-in-handlebars-templates/44101669

스택오버플로우를 참고했다.

 

How do I access object key in handlebars template? 이 질문이다.

객체의 키를 어떻게 접근할 수 있을까?

<script id="handlebar-template" type="text/x-handlebars-template">
  {{#each file}}{{@key}}{{/each}}
  {{#each file}}{{this}}{{/each}}
</script>

file: {fileToken : 'this_is_img.jpg'}

이렇게 있다고 할 때 위의 예시를 들면

첫번째 {{@key}}의 값은 fileToken을 가져오고 {{this}}는 'this_is_img.jpg'를 가져온다.