knockout.js で サーバからビューに送られたJSONを取得したい。
サーバーでEmployee とういうjsonを作成し、画面表示時に以下のようにデータを画面に渡して、
このdata-employeeをなんとかknockout.jsで取得して、knockout.jsの方でデータを編集したものをeditedListとして画面のテーブルに表示したいですが このEmployeeのデータをどうやったらknockout.jsの方で読み込めるのでしょうか?
・ HTML
<table id="table" data-employee={{ Emplyee }}>
<thead>
<tr>
<td>名前</td>
<td>苗字</td>
.
.
</tr>
</thread>
<tbody data-bind="foreach: editedList">
<tr>
<td data-bind="text: firstName"></td>
<td data-bind="text: secondName"></td>
.
.
</tr>
</body>
</table>
・ Knockout.js
//1. ここにEmployeeデータを取得する処理
//2. Employeeデータを使って一覧表示用データを作成する
//3. 2で作成したデータを以下のような感じで画面にバインドする
ko.applyBindings({
editedList: [
{ firstName: 'Bert', entryDate: 'xxxx-xx-xx' },
{ firstName: 'Charles', lastName: 'xxxx-xx-xx' },
{ firstName: 'Denise', lastName: 'xxxx-xx-xx' }
]
});