2012-11-30 1 views
125

각 루프 :액세스 단지 이런 Handlebars.js 다루지 변수 I에 handlebars.js 템플릿을

myExternalValue 

<select name="test"> 
     <option value="1">First element </option> 
     <option value="2">Second element </option> 
     <option value="3">Third element </option> 
</select> 

로서 :

{{externalValue}} 

<select name="test"> 
    {{#each myCollection}} 
     <option value="{{id}}">{{title}} {{externalValue}}</option> 
    {{/each}} 
</select> 

하고이 생성 된 출력 예상대로, 나는 myCollection의 모든 요소의 idtitle 필드에 액세스하여 선택을 생성 할 수 있습니다. 그리고 선택 영역 외부에서 내 externalValue 변수가 올바르게 인쇄됩니다 ("myExternalValue").

불행히도, 옵션 텍스트에서는 externalValue 값이 절대로 인쇄되지 않습니다.

내 질문은 : 어떻게 루프 내에서 각각 handlebars.js의 범위를 벗어나는 변수에 액세스 할 수 있습니까?

항상 감사드립니다.

답변

312

../ 경로 세그먼트 당신이 원하는 것을해야 부모 템플릿 범위를 참조

<option value="{{id}}">{{title}} {{../externalValue}}</option> 

을보십시오.

+5

건배 남자,이 작품은 완벽합니다. :) – lucke84

+5

미래의 독자가 여전히 내가 좋아하는 것처럼 곤란을 겪고 있다면 [이 답변] (http://stackoverflow.com/a/12297980/149998)에 대한 의견을보십시오. 그 대답을 본 후에 잠시 시간이 좀 걸렸습니다. 당신이 사용하고있는 값으로부터 얼마나 많은 스코프를 사용 하느냐에 따라'../'를 반복적으로 사용해야 할 수도 있습니다. – bcmcfc

+5

나는 미친가 또는 아무데도 이런 종류의 귀중한 정보는 핸들 바에서 찾을 수 워드 프로세서 ??? – Jesse