JSFiddle - React, Tailwind, and code Playground

by Sourabh Tewari

HTML

<ul data-bind="foreach: items">
    <li data-bind="text: Name" />
</ul>

JavaScript

var item = function(text) {
    var self = this;
    
    self.Name = ko.observable(text);
}

var vm = {
    items: ko.observableArray([
        new item('one'),
        new item('two'),
        new item('three')
        ])
}

ko.applyBindings(vm);
setTimeout(function() {
    vm.items()[1].Name('updated!');
}, 2000);