Knockout mapping plugin not mapping array inside model

Question

I'm trying to map some data (returned from a jQuery $.ajax call) to a view model, but for some reason the nested array is not mapped.

    <p>Name: <input data-bind="value: Name" /></p>
    <p>Age: <input data-bind="value: Age" /></p>
    <p>Friends: <span data-bind="text: Friends.length"></span></p>



    <script type="text/javascript">
        var viewModel = null;
        var data = { "Name": "Simon", "Age": "24", "Friends": [{ "Name": "Bill", "Age": "24" }, { "Name": "Peter", "Age": "21"}]};
        viewModel = ko.mapping.fromJS(data);
        ko.applyBindings(viewModel);
    </script>

In this simple example Simon has no friends...

Roman Bataev · Accepted Answer · 2012-02-21 18:28:56Z

1

mapping.fromJS converts arrays to observable arrays, so Friends is an observable array and to access its underlying javascript array you need to call it: Friends().length

answered Feb 21, 2012 at 18:28

Roman Bataev

9,3632 gold badges23 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Knockout mapping plugin not mapping array inside model

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related