Pluralsight - Knockout - Lesson - 01

by makloon

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.2.0.js"></script>
Name:
<input type="text" data-bind="value: name, valueUpdate: 'afterkeydown'"/>
<input type="checkbox" data-bind="checked: nameVisible"/>
<p>
Hello,
<span data-bind= "text: name, visible: nameVisible"></span>
</p>
<button data-bind="click: changeName">
Change name
</button>

JavaScript

$(function() {
	var viewModel = {
		name: ko.observable("bob"),
    changeName: function() {
    	this.name("steve");
    },
    nameVisible: ko.observable(true)
	};
	ko.applyBindings(viewModel);
});