O'Reilly logo

Web App Testing Using Knockout.JS by Roberto Messora

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Automatic synchronization between View and ViewModel

In the previous section, we saw a simple example. Now we need to go further to introduce some new concepts. The following example refines the first one:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Hello Knockout.JS</title>
</head>
<body>
    <span>Type a message:&nbsp;</span>
    <input type="text" data-bind="value: message" />
    <button data-bind="click: submitMessage">Click me</button>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script>
    <script type="text/JavaScript">
        var ViewModel = function () {
            this.message = ko.observable("");
            this.submitMessage= function () {
                alert(this.message());
            }; }; var viewModel = new ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required