javascriptを使って配列を操作し、Handlebarsで表示する

Question

js/jqを使って簡単に（文字列値を追加/変更するなど）操作でき、ハンドルバーで表示できる文字列のみのデータ配列を作成したいと思います。 この配列は、js配列またはJSONデータのいずれかの形式にすることができます（どちらかがハンドルバーに最も適しています） どのような配列を使用する必要がありますか？ おかげ

は私のデータは、この形式になります。例えばので

"flightno": "F10001", 
"origin": "Sydney", 
"destination": "Delhi" 

：flightnoの変更は、ユーザーがHTMLフォームを使用して選択内容に応じて、このflightnoがハンドルを通じてhtmlページ上に表示されます表現。

Answer 1

シンプルなJSONを使用できます。原点または目的地の変更時にjsonデータを設定し、ハンドルバーテンプレートをコンパイルします。次に、htmlを要素に追加します。

この

var data = { 
    "flightno": "F10001", 
    "origin": "Sydney", 
    "destination": "Delhi" 
}; 

は、あなたのDOMがflightnoのためのあなたのハンドルバーテンプレートはあなたが配列を取りたい

template = Handlebars.compile('<div class="someclass">{{flightno}}</div>'); 
$('#flightno').html(template(data));