💻 Jihun's Ifuwanna IT :: Tech Blog 😃
Program/Handlebars 검색 결과

해당 글 2건

[Handlebars] 배열 index 로 직접 접근하기

어떤한 콜렉션(Array, List)의 요소에 접근할 때 반복문 없이 특정 index로 직접 액세스 해야할때가 있습니다. 예를 들어 array[0] 처럼 배열의 첫번째 요소에 직접 접근하는 경우가 있겠네요. 핸들바스(Handlebars)에서도 아래와 같이 index를 통해 배열의 특정 요소에 바로 접근이 가능합니다.{ "items": [ { "itemName": "item1" }, { "itemName": "item2" }, { "itemName": "item3"} ] } {{items.0.itemName}} {{items.1.itemName}} {{items.2.itemName}}▼▼▼▼▼▼▼▼item1 item2 item3 위 처럼 직접 콜렉션에 접근했을 때와 반복문(each)를 통해 반복했을 경우 ..
Program/Handlebars 2020. 11. 27. 00:36

[Handelbars] 콜렉션(List) isEmpty 조건 체크 하기

핸들바스(Handelbars) 템플릿 사용시 리스트나 배열같은 콜렉션이 비어 있을경우(isEmpty) 조건 처리 하는 방법을 간단히 포스팅합니다! 예를 들어 리스트에 데이터가 있으면 아이템 목록을 보여주고 없을 경우 “조회된 결과가 없습니다” 이런식으로 화면을 렌더링 하고 싶을때 아래와 같이 반복문인 “each” 와 함께 “else”를 같이 사용해 주시면 됩니다.{{#each items}}{{itemName}}{{else}}no item{{/each}}콜렉션에 데이터가 존재할 경우(Case1)와 비어있는 경우(Case2) 각각 실행 결과 입니다. /* Case1 */ { "items": [ { "itemName": "item1" }, { "itemName": "item2" }, { "itemName": ..
Program/Handlebars 2020. 11. 27. 00:11