JSFiddle - React, Tailwind, and code Playground

by jkokorian

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script>
<ul data-bind="foreach: someList">
    <li data-bind="text: number"></li>
</ul>

JavaScript

function NestedViewModel(number) {
    //self = this;
    this.number = ko.observable(number);
}

function ViewModel() {
    self = this;
    self.someList = [];

    for (i = 0; i < 10; i++) {
        var vm = new NestedViewModel(i);
        self.someList.push(vm);
    }

}

ko.applyBindings(new ViewModel());