{{#each}} 또는 {{#if}}을 사용하지 않고 Handlebars.js의 .json 파일에서 데이터를 가져 오는 방법은 무엇입니까?

Question

handlebars.js에서 {{#each}}과 {{#if}}을 사용하여 JSON 파일의 데이터를 가져 왔습니다. 그러나 조건없이 데이터를 가져올 수있는 방법이 필요합니다. 나는 {{#if}} 진술을 할 필요가 없으며 하나의 데이터 세트 만 있으므로 {{#each}}이 필요하지 않습니다. 이것을 할 수있는 방법이 있습니까? {{#each}}는 작동하지만 단일 블록 데이터를 얻는 더 간단한 방법이있는 경우이를 사용하고 싶지 않습니다.

저는 Grunt와 Handlebars를 사용하고 있고, 하나의 JSON 파일 이상에서 내 문서를 호출한다는 점에 유의해야합니다.

여기 내 코드입니다.

{{data.PaymentMethod}} 
    <table> 
    <tr> 
    <td> 
     <div>Payment Method</div> 
     <div>Card Number: {{CardNumber}}</div> 
     <div>Card Colder: {{CardHolder}}</div> 
     <div><a href="{{Link}}">Tracking</a></div> 
    </td> 
    </tr> 
    </table> 

그리고 내 JSON 파일 (data.json)입니다.

{ 
"PaymentMethod": [ 
     { 
      "CardNumber": "****", 
      "CardHolder": "John Doe", 
      "Link": "http://www.test.com" 
     } 
    ] 
} 

Answer 1

<div>Card Number: {{data.PaymentMethod.0.CardNumber}}</div> 
<div>Card Colder: {{data.PaymentMethod.[0].CardHolder}}</div> 

당신은 너무처럼 액세스 할 수 있어야합니다. data.PaymentMethod은 배열이므로 해당 배열의 첫 번째 개체에 액세스해야합니다.

Answer 2

당신은 배열에 단계별로 #with 도우미를 사용할 수 있습니다 : 당신이 당신의 템플릿을 호출하려면 어떻게

{{#with PaymentMethod.[0]}} 
    <div>Payment Method</div> 
    <div>Card Number: {{CardNumber}}</div> 
    <div>Card Colder: {{CardHolder}}</div> 
    <div><a href="{{Link}}">Tracking</a></div> 
{{/with}}