Iterating a knockout observable array in javascript -
how iterate knockout observable array bound data knockout js mapping plugin ?. have created this fiddle demonstrate issue. when try value of knockout js array object returns function instead.
could please me out in matter ?. code shown below.
//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 view $(document).ready(function () { ko.applybindings(viewmodel); gothroughtheobservablearray(viewmodel.addresses()); }); function gothroughtheobservablearray(addressarray) { alert("got address array of length "+addressarray.length); (var = 0, len = addressarray.length; < len; ++i) { var address = addressarray[i]; alert(address.street); } }
when use mapping.fromjs
maps properties observables.
in knockout when create observable in order gain access invoke function name.
so when create
self.addresses = ko.observablearray([]);
in order access underlying array , iterate (just other javascript array) should
var innerarray = self.addresses();
exactly did. however, since each address mapped observable to, need when accessing actual properties of addresses.
try
alert(address.street());
Comments
Post a Comment