JSFiddle - React, Tailwind, and code Playground

by vivaxy

HTML

<ul data-bind="foreach: subject">
    <li>
        <span data-bind="text: $data"></span>
        <button data-bind="click: $parent.removeSubject">Remove</button>
    </li>
</ul>

JavaScript

function viewModel() {
    var self = this;
    self.subject = ko.observableArray(["Phy", "Che", "Bio"]),
    self.removeSubject = function (item) {
        self.subject.remove(item);
    }
}

ko.applyBindings(new viewModel());