hbs 파일을 사용하여 PDF로 올바른 형식으로 데이터를 렌더링하는 방법.

Question

hbs 파일에 바인드해야하는 attribute이라는 객체 배열이 있습니다. hbs 파일에서 데이터를 볼 수 있으므로이 객체를 성공적으로 전달했습니다. 그러나 형식화 된보기가 아닙니다. 그래서 내가 원하는 방식으로 속성이나 객체를 렌더링하는 방법.

var obj = { 
    "attributes": [ 
    { 
     "Attr 3": "MP" 
    }, 
    { 
     "Attr 3": "Gujarat" 
    }, 
    { 
     "Attr 5": "12/14/2017" 
    } 
    ] 
} 

그리고 아래와 같이 이미지에 표시하고 싶습니다. 내가 이것을 달성 할 수있는 방법

.

Answer 1

이것은 매우 간단합니다. 객체 obj을 반복 한 다음 배열 이름을 attributes으로 지정해야합니다.

{{#each obj}} 
    {{#if this.attributes}} 
    Attributes: 
     | 
    {{#each this.attributes as |value key|}} 
    {{#if value}} 
     {{#each value as |val key|}} 
     {{key}}: {{val}} 
     {{/each}} 
     | 
    {{/if}} 
    {{/each}} 
    <br/> 
    {{/if}} 
{{/each}} 

{{#each}}{{/each}}는 =>이 배열 또는 객체의 각 요소를 반복 처리 루프이다.

{{#if}}{{/if}} => 이것은 조건입니다.