私はこのアプローチを試しました:
ここでは、要素配列を抽出し、li 要素を準備しました。
var instructorsUI = [];
for(var i = 1; i < instructors.length; i++){
instructorsUI.push(['li', {'id' : instructors[i].id, 'class' : 'ui-state-default'},
['span', {'class' : 'ui-icon ui-icon-arrowthick-2-n-s'}],
instructors[i].name]);
}
次に、InstructorsUI をメイン UI に挿入しました。これは、後で JsonML.toHTMLText(UI); を使用して HTML ドキュメントに追加されます。
UI = ['div',{'class': 'col-md-8 tab-pane','id' : 'course-'+course.id},
['div', {'class' : 'col-md-4'},
['h4', 'Instrucotrs'],
['div', {'class' : 'instructors-container'}
['ul', {'class' : 'instructors'}, instructorsUI]
]
]
ただし、これにより構文エラーが発生します。
自分でhtmlコードを書くことはできますが、なぜそれが機能しないのだろうと思っています。