JSFiddle - React, Tailwind, and code Playground

by shubh0602

HTML

<p>1st Approach</p>
<ul data-bind="foreach: empName">
    <div>
        <div data-bind="if: name == 'NAME1'">Department 1</div>
        <div data-bind="if: name == 'Name2'">Department 2</div>
    </div>
</ul>

JavaScript

var viewModel = {
    empName: [{
        name: 'NAME1'
    }, {
        name: 'NAME2'
    }]
};
ko.applyBindings(viewModel);