Knockoutjs reapply bindings

https://groups.google.com/forum/#!topic/knockoutjs/P3FM8CgeR-w/discussion

by badsyntax

HTML

<script src="http://knockoutjs.com/downloads/jquery.tmpl.min.js"></script>
<script src="http://knockoutjs.com/downloads/knockout-2.2.1.js"></script>
<div id="main">
    <input data-bind="value: name" />
    <button data-bind="click: addDiv">Add</button>
    <ul id="list"></ul>
</div>

CSS

li {  list-style: square inside; margin-left: 20px; }

JavaScript

var viewModel = {
    name: ko.observable("test")
};

function addDiv() {
    var newElement = $("<li data-bind='text: name'></li>").appendTo("#list");
    ko.applyBindingsToNode(newElement[0], null, viewModel);
}
     

ko.applyBindings(viewModel);