각 루프의 Handlebars.js 범위 밖의 변수에 액세스

각 루프의 Handlebars.js 범위 밖의 변수에 액세스

---

다음과 같이 handlebars.js 템플릿이 있습니다.

{{externalValue}}

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

그리고 이것은 생성 된 출력입니다.

myExternalValue

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

예상대로 모든 요소의 id및 title필드에 액세스하여 myCollection선택을 생성 할 수 있습니다 . 그리고 선택 외부에서 externalValue변수가 올바르게 인쇄됩니다 ( "myExternalValue").

불행히도, 옵션 텍스트에서는 externalValue가치가 인쇄되지 않습니다.

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

---

시험

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

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

---

또는 다음과 같이 절대 경로를 사용할 수 있습니다.

<option value="{{id}}">{{title}} {{@root.user.path.to.externalValue}}</option>

참고 URL : https://stackoverflow.com/questions/13645084/access-a-variable-outside-the-scope-of-a-handlebars-js-each-loop