JSFiddle - React, Tailwind, and code Playground

by manoj

HTML

<ul data-bind="foreach: people">
    <li>
        <span data-bind="text: name"></span>
      <a href="#" data-bind="click: $root.removePerson">x</a>
    </li>
</ul>

JavaScript

// self learning
var ViewModel = function () {
    var self =this;
    self.people = ko.observableArray([
        { name: "jonathan" },
        { name: "ryan" },
        { name: "bob" }
    ]);

    self.removePerson = function(person) {
        console.log(person);
        self.people.remove(person);
    };
};

ko.applyBindings(new ViewModel());