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 练习界面:

image

Leave a Reply