JSFiddle - React, Tailwind, and code Playground

by Himanshu Joshi

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.1.0.js"></script>
<!-- ko foreach: Items -->
    <strong data-bind="text: Foo"></strong>
    <br />
    <!-- ko if: $data.hasOwnProperty("Bar") -->
        <p data-bind="text: Bar"></p>
    <!-- /ko -->
<!-- /ko -->

JavaScript

var vm = {
    "Items": ko.observableArray([
    {
        "Foo": "Foo data"
    },
    {
        "Foo": "Foo data 2",
        "Bar": "Bar data"
    }])
};

$(function() {
    ko.applyBindings(vm);
});