JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/knockout.mapping.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
JavaScript
//Sample JSON Array
var data =
[{"street":"2532 Falkark Dr", "lat":"39.926295", "lng":"-86.012919", "zipcode":"92256"},{"street":"8558 Appleby Ln", "lat":"39.922742", "lng":"-86.017637", "zipcode":"92256"}]
function ViewModel() {
var self = this;
self.addresses = ko.observableArray([]);
ko.mapping.fromJS(data, {}, self.addresses);
}
var viewModel = new ViewModel();
//function binding work order details to view
$(document).ready(function () {
ko.applyBindings(viewModel);
gothroughtheObservableArray(viewModel.addresses());
});
function gothroughtheObservableArray(Addressarray)
{
alert("Got Address Array of length "+Addressarray.length);
for (var i = 0, len = Addressarray.length; i < len; ++i) {
var address = Addressarray[i];
alert(address.street());
}
}