JSFiddle - React, Tailwind, and code Playground

by swarups

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.2.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.min.js"></script>
<p id="output" data-bind="text: data"></p>

JavaScript

var mappingOptions = {

    // ignored
    'simpleProp': {
        create: function (thing) {
            return "Changed simpleProps value";
        }
    },

    // working
    ignore: ["simpleProp3"]

};

var another = { a: 1, b: "ds", c: ko.observable("dsa")};

// created and modified by ko.mapping.fromJSON - with custom mapping!
var myModel = {
    simpleProp: "test",
    complexProp: {
        simpleProp2: "test2",
        simpleProp3: "test3"
    },
    abc: another,
    toJSON: function () {
        return {
            simpleProp: abc
        };
    }
};

var json = ko.mapping.toJSON(myModel, mappingOptions);

var viewModel = {

    data: ko.observable(json)

};

ko.applyBindings(viewModel);