Adding observable properties to model after ko.applyBindings in knockout.js

Question

For example

function Model(){};
var model = new Model();
ko.applyBinding(model);

model.name = ko.observable('john');

I know the code will not work but is it possible to make it work ?

Answer 1

I was able to accomplish this by using cleanNode and then reapplying the bindings.

function Model(){};
var model = new Model();
ko.applyBindings(model);

model.name = ko.observable('john');

var myDiv = $('#myDiv')[0];
ko.cleanNode(myDiv);
ko.applyBindings(model, myDiv);

<div id="myDiv">
    <span data-bind="text: name"></span>
</div>