knockout with mapping
http://stackoverflow.com/questions/10192618/knockout-mapping-to-access-an-array-inside-json/10193598#10193598
HTML
<script src="https://github.com/SteveSanderson/knockout/raw/master/build/output/knockout-latest.debug.js"></script>
<script src="https://github.com/SteveSanderson/knockout.mapping/raw/master/build/output/knockout.mapping-latest.debug.js"></script>
your id is : <span data-bind='text: id'></span>
JavaScript
//constructor function for a mail item
function Mail(id, from, to, date, subject, folder) {
this.id = ko.observable(id);
this.from= ko.observable(from);
this.to= ko.observable(to);
this.date= ko.observable(date);
this.subject= ko.observable(subject);
this.folder= ko.observable(folder);
}
$(document).ready(function () {
var viewModel = {};
data= {
"PROJECT": {
"LOAD_ID": "3344",
"TITLE": "to be removed",
"STATUS_ID": "1",
"STATUS": "Active",
"AGENCY_ID": "1",
"AGENCY_SHORT_NAME": "AG1",
"AGENCY_NAME": "Agency1",
"START_LOAD_TS": "",
"END_LOAD_TS": "",
"USER_ID": "[email protected]",
"CREATED_TS": "27/09/2018",
"ARTIFACTS": [{
"ARTIFACT_ID": "2024",
"FILENAME": "DHS_MEDB_0616_L1_addr.csv",
"STATUS": "Inactive",
"ARTIFACT_TYPE_ID": "1",
"ARTIFACT_TYPE": "ADDRESS",
"EXTRACT_TYPE_ID": "1",
"EXTRACT_TYPE": "SNAPSHOT",
"START_LOAD_TS": "",
"END_LOAD_TS": "",
"USER_ID": "ZZZDLF",
"CREATED_TS": "27/09/2018"
}]
}
};
viewModel.id = data.project.load_id;
ko.applyBindings(viewModel);
});