help main site learn.knockoutjs.com

http://learn.knockoutjs.com/#/?tutorial=intro 直接在线学习

<!-- This is a view - HTML markup that defines the appearance of your UI --> <p>First name: <strong data-bind="text: firstName"></strong></p> <p>Last name: <strong data-bind="text: lastName"></strong></p> <p>Full name: <strong data-bind="text: fullName"></strong></p> <p>First name: <input data-bind="value: firstName"/></p> <p>Last name: <input data-bind="value: lastName"/></p>

// This is a simple viewmodel - JavaScript that defines the data and behavior of your UI function AppViewModel() { this.firstName = ko.observable("Bert"); this.lastName = ko.observable("Bertington2121"); this.fullName = ko.computed(function(){ return this.firstName()+" "+ this.lastName(); },this); } // Activates knockout.js ko.applyBindings(new AppViewModel());

knockoutjs 练习界面：