JSFiddle - React, Tailwind, and code Playground

by tgriley1

HTML

<ul data-bind="foreach:list"> 
    <li>
        <span data-bind="text:name"></span>
        <input type="checkbox" data-bind="checked: displayMoreInfo"/>
    </li>
</ul>

JavaScript

function ListVm(){
    var self = this;
    self.name = "name"
    var originalList = [ new ListItemVm("LI1"), new ListItemVm("LI2") ];
    
    self.list1 = ko.observableArray([ new ListItemVm("LI1"), new ListItemVm("LI2") ]);
    
    /*self.list = ko.computed(function(){
        return originalList;
    });*/
    
    console.log(self.list());
};

function ListItemVm(name){
    var self = this;
    this.Name = ko.observable(name);
    this.MoreInfo - ko.observable(false);
};

ko.applyBindings(new ListVm());