What's needed to add knockout.js to HotTowel?

Question

I have a project in VS 2012 using MVC4 and the HotTowel template.

I tried replacing details.html and details.js with the Hello World sample at http://knockoutjs.com/examples/helloWorld.html.

So details.html is now:

<p>First name: <input data-bind="value: firstName" /></p>
<p>Last name: <input data-bind="value: lastName" /></p>
<h2>Hello, <span data-bind="text: fullName"> </span>!</h2>

And details.js:

 // Here's my data model
 var ViewModel = function(first, last) {
    this.firstName = ko.observable(first);
    this.lastName = ko.observable(last);

    this.fullName = ko.computed(function() {
        // Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName.
        return this.firstName() + " " + this.lastName();
    }, this);
};

ko.applyBindings(new ViewModel("Planet", "Earth")); // This makes Knockout get to work

But now I get nothing from the details page. The progress bar in the nav block just stays there.

I must be missing something basic. Is there something in HotTowel I must do to get it working?

Answer 1

Use F12 to check whether include knockout.js or not. if not, just include it

<script type="text/javascript" src="{SOME_URL}knockout-2.3.0.js"></script>