Wie Sie Daten im PDF-Format mit der hbs-Datei im richtigen Format rendern.

Question

Ich habe ein Array von Objekt namens , die ich in hbs Datei binden muss. Ich habe dieses Objekt erfolgreich übergeben, da ich dort Daten in der hbs-Datei sehen kann. Aber es ist nicht in der formatierten Ansicht. So, wie man die Eigenschaft oder das Objekt so darstellt, wie ich es möchte.

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

Und ich möchte es wie unten im Bild gezeigt anzeigen.

Wie kann ich das erreichen.

Answer 1

Dies ist sehr einfach. Sie müssen iterieren durch Ihr Objekt obj und dann Ihr Array mit dem Namen 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}} => Dies ist eine Schleife, die jedes Element eines Arrays oder Objekt iteriert.

{{#if}}{{/if}} => Dies ist eine Bedingung.