次の 2 つの配列がコンパイル済みのハンドルバーテンプレートにバインドされているとします。
questions: [
{id:1, text:'question1', answers: [
{id: 1, text:'answer1'},
{id: 2, text:'answer2'}
]},
{id:2, text:'question2', answers: [
{id: 1, text:'answer3'},
{id: 2, text:'answer4'}
]}
],
userAnswers: [
{questionId:1, answerId:2}
]
データ構造を変更したくないので、次のことを行う必要があります(疑似コード):
for each (question in questions)
render question text
render user answer text
(回答のない質問もあるかもしれませんのでご了承ください)
Handlebars テンプレートで「each」を使用する場合:
{{#each question}}
userAnswers オブジェクトから回答 ID を取得する方法はありますか?
次に、これを質問にマップしてテキストを取得しますか?
たとえば、次のようなセレクタ構文がありますか。
{{../userAnswers[questionId=id].answerId}}