parent/child binding

by Jakub Jedryszek

HTML

<script src="http:cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-debug.js"></script>
<div class="control">
    <div class="child1"><input data-bind="value: data.text1" /><span data-bind="text: data.text1"></span></div>
    <div class="child2" data-bind="visible: visibility"><input data-bind="value: data.text2" /><span data-bind="text: data.text2"></span></div>
</div>

JavaScript

var VM1 = function () {
    this.text1 = ko.observable("");    
};

var VM2 = function () {
    this.text2 = ko.observable("");    
};

var ParentVM = function () {
    this.vm1 = new VM1();
    this.vm2 = new VM2();
}

var vm = new ParentVM();

ko.applyBindings(vm,