Handlebars.js: 템플릿에서 변수 할당

에 만든 2013년 03월 29일 · 11코멘트 · 출처: handlebars-lang/handlebars.js

템플릿 내에서 변수를 할당하고 외부에서 변수처럼 사용할 수 있습니까?

예시:
테이블을 출력하고 싶지만 1 열은 선택 사항이며 데이터(fields[].field2)의 존재 여부에 따라 다릅니다.

각 행에서 확인하는 것은 문제가 없지만 헤더에 대해 확인하는 방법은 무엇입니까?

<table>
  <thead>
    <tr>
      <th>Head 1</th>
      <th>Head 2 (optional)</th>
      <th>Head 3</th>
    </tr>
  </thead>
{{#each fields}}
  <tr>
    <td>{{{field1}}}</td>
    {{#if field2}}<td>{{{filed2}}}</td>{{/if}}
    <td>{{{field3}}}</td>
  </tr>
{{/each}}
</table>

현재 나는 도우미를 생성하는 불안정한 도우미 기능 "할당"을 사용합니다.

{{#each fields}}
  {{#if field2}}
    {{assign "helperVar" "<th>Head 2 (optional)</th>"}}
  {{/if}}
{{/each}}

Output with: {{{helperVar}}}

그러나 그것은 좋은 해결책이 아니며 #if에서 사용할 수 없습니다.

출처

rottmann

가장 유용한 댓글

:+1:

@kpdecker 템플릿 에 루프, if 문 및 기타 여러 논리 구조를 가질 수 있습니다. 그러나 분명히 변수를 할당하는 것은 템플릿에서 _너무_ 많은 논리입니까? 다른 기본 도우미에 단순히 변수를 할당하는 기능보다 훨씬 더 많은 논리가 포함되어 있는 경우에는 그 결정에 대한 추론을 이해할 수 없습니다.

efuquen 에 2015년 03월 30일

👍41 🎉8 😄3

모든 11 댓글

이것은 논리가 없는 템플릿의 전제에 위배되며 이것이 언어 수준 구성이어야 한다고 생각하지 않습니다.

여기서 권장되는 접근 방식은 컨텍스트 생성 로직에서 이 데이터를 계산하고 템플릿에 전달하는 것입니다. 템플릿 언어로 구현된 하위 집합이 아니라 전체 자바스크립트 언어를 마음대로 사용할 수 있으므로 훨씬 더 많은 제어가 가능합니다.

template({
  fields: fields,
  hasField2: _.any(fields, function(item) { return item.field2; })
});

kpdecker 에 2013년 03월 31일

👎6

나는 이것이 템플릿에 더 많은 논리를 도입하는 것이 아니라 해당 템플릿에 특정한 변수를 전달하기 위한 좋은 기능이라고 생각합니다.

예를 들어, 내 템플릿 중 2개는 동일한 부분을 사용합니다. 부분 범위 내에서 다른 템플릿에 대해 다른 것들이 출력되도록 템플릿 수준에서 해당 부분에 일부 변수를 전달할 수 있기를 바랍니다.

tnguyen14 에 2013년 06월 14일

ianbytchek 에 2014년 09월 17일

giyyapan 에 2014년 10월 30일

:+1:

koemeet 에 2014년 12월 10일

:+1:

efuquen 에 2015년 03월 30일

👍41 🎉8 😄3

luisdaniel 에 2015년 04월 28일

gudoy 에 2015년 06월 25일

booleangate 에 2015년 07월 15일

miquelescolar 에 2015년 07월 30일

블록 매개변수를 사용하여 이러한 라인을 따라 무언가를 구현할 수 있으며 여기에 문서화되어 있습니다.
http://handlebarsjs.com/block_helpers.html#block -params

이것은 현재 컨텍스트 외부의 별도 네임스페이스에서 수행되기 때문에 컨텍스트 할당에 대해 보다 일관된 동작을 제공합니다.

kpdecker 에 2015년 08월 09일

🎉2

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Handlebars.js: 템플릿에서 변수 할당

가장 유용한 댓글

모든 11 댓글

관련 문제