Wie man ein benutzerdefiniertes inneres Array-Objekt mit dem Lenker iteriert?

Question

Ich versuche, ein benutzerdefiniertes inneres Array-Objekt "Optionen" zu iterieren. Siehe unten, "Auswahlmöglichkeiten" können unterschiedliche Anzahl von Objekten haben.

{ 
     _id: 1, 
"question": "a", 
"choices": [ 
      {"a" : 1}, 
      {"b" : "blablabla"}, 
      {"c" : 128}, 
      {"d" : "blebleble"} 
      ], 
    "answer": "b", 
    "points": "10" 
}, 
{ 
     _id: 10, 
"question": "j", 
"choices": [ 
      {"a" : 10}, 
      {"b" : "blablabla"} 
      ], 
    "answer": "b", 
    "points": "10" 
} 

Ich bin in der Lage, "Frage", "Antwort", "Punkte" anzuzeigen.

Dies ist die Vorlage ich in main.html bin mit

<template name="question"> 
    <button>Click Me</button> 
    {{#with object}} 
     {{question}} 
     {{#each choices}} 
     ?? 
     {{/each}} 
     {{answer}} 
     {{points}} 
    {{/with}} 
    </template> 

Jede Hilfe sehr geschätzt wird. Wenn ihr mehr Informationen braucht, lasst es mich wissen.

Answer 1

Sie benötigen eine Datenstruktur ein bisschen wie unten

choices:[ 
      {key:"a",value:1}, 
      {key:"b",value:"bla"}, 
      {key:"c",value:"blabla"}, 
      {key:"d",value:"blablabla"} 
     ] 

Jetzt in Ihrer Vorlage sollte

{{#each choices}} 
<span>Your choice is {{key}}.{{value}}</span> 
{{/each}} 

Es hilft Ihnen, Vielen