JSFiddle - React, Tailwind, and code Playground

by madcapnmckay

HTML

<script src="https://raw.github.com/SteveSanderson/knockout.mapping/revert/build/output/knockout.mapping-latest.debug.js"></script>
<div data-bind="foreach: Items">
    <div data-bind="text: Name"></div>
</div>

JavaScript

var Repository = function(url) {
    this.Url = url;
    this.Items = ko.observableArray([]);
    this.PendingItems = ko.observableArray([]);
};
Repository.prototype = function() {
    var
    getAllItems = function() {
        var self = this;
        data = [{
            "Id": 1,
            "Name": "Thomas",
            "LastName": "Deutsch"},
        {
            "Id": 2,
            "Name": "Julia",
            "LastName": "Baumeistör"}];
        ko.mapping.fromJS(data, {}, self.Items);
    };
    return {
        getAllItems: getAllItems
    }
}();

var customerRepository = new Repository("/echo/json/");
customerRepository.getAllItems();

ko.applyBindings(customerRepository);