basic ko binding

using ko.mapping.fromJS

by Randy Crews

HTML

<script src="https://rawgithub.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.debug.js"></script>
<input data-bind="value: Person.Nickname" />
<hr/>
<div data-bind="text: Person.Name"></div>

JavaScript

var viewModel = ko.mapping.fromJS({ 
    Person: { 
        Nickname: "knucklehead" 
    } 
});

viewModel.Person.Name = ko.computed(function () {
    return this.Nickname();
}, viewModel.Person);

ko.applyBindings(viewModel);