JSFiddle - React, Tailwind, and code Playground

by rniemeyer

HTML

<script type="text/javascript" src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.debug.js"></script>


<p><b>Edit Fruit</b></p>
<span data-bind="foreach: fruit" >
    <p>Editting Fruit: <input data-bind="value: name" /></p>
</span>

<p><b>Show Fruit</b></p>
<span data-bind="foreach: fruit" >
    <p>Showing Fruit: <span data-bind="text: name" ></span></p>

</span>

JavaScript

var ViewModel = function(myFruit) {
    var observableFruit = ko.utils.arrayMap(myFruit, function(fruit) {
        return { name: ko.observable(fruit) }; 
    });
    this.fruit = ko.observableArray(observableFruit);
};


ko.applyBindings(new ViewModel( ["Apple", "banana", "orange"] ));