JSFiddle - React, Tailwind, and code Playground

by Ebram

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.3.5/knockout.mapping.js"></script>

JavaScript

function RolesModel(id, name) {
    this.Id = id;
    this.Name = ko.observable(name);
}
var data = {
    Id: 1,
    Description: "test",
    Roles: [{
        Id: 1,
        Name: "Role 1"
    }, {
        Id: 2,
        Name: "Role 2"
    }]
};
var mapping = {
    'Roles': {
        create: function (options) {
            return new RolesModel(options.data.Id, options.data.Name)
        }
    }
}
var model = ko.mapping.fromJS(data, mapping);
console.log(model.Roles());