modes of communication

by Jaganathan

HTML

<b>One-way communication with JS property</b>
<p>Login name: <input data-bind="value: userFullName" /></p>

<p>New login name is : <span data-bind="text: userFullName"> </span> </p>

<b>One-way communication with observable</b>
<p>Login name: <input data-bind="value: userNameJS()" /></p>

<p>New login name is : <span data-bind="text: userNameJS()"> </span> </p>

<b>Two-way communication </b>
<p>Login name: <input data-bind="value: userName" /></p>

<p>New login name is : <span data-bind="text: userName"> </span> </p>

JavaScript

var viewModel = {
        userName: ko.observable("Jagan"),
    userNameJS: ko.observable("Jagan"),
    userFullName: "Jaganathan B"
    };

ko.applyBindings(viewModel);