[Handlebars] 공백 문자 trim하기

핸들바에서 문자를 합치다 보면, 마크업의 줄바꿈 때문에 문자열이 줄이 바뀌는 경우가 있다.

이전 포스트인 http://namocom.tistory.com/475 가 그 예중에 하나이다.

예를 들어 a 엘리먼트로 하이퍼텍스트 링크를 건다고 했을 때 공백문자가 들어가 버리면 URL이 깨져버리는 일이 발생할 수 있다.

다행히 핸들바에서는 이러한 공백문자 제거하는 방법을 제공하고 있다.

틸드(~)기호를 이용하면 된다.

관련된 깃랩 머지요청은 아래이다.

{{~#each collection}} - trims whitespace before

{{#each collection~}} - trims whitespace after

{{~#each collection~}} - trims whitespace before and after

https://github.com/wycats/handlebars.js/pull/336

찾은 stackoverflow의 링크도 남겨둔다. http://stackoverflow.com/questions/15953293/handlebars-whitespace-control