Ví dụ này về js loại trực tiếp hoạt động để khi bạn chỉnh sửa một trường và nhấn TAB, dữ liệu viewmodel và do đó văn bản bên dưới các trường được cập nhật.
Làm cách nào để thay đổi mã này để dữ liệu viewmodel được cập nhật mỗi lần nhấn phím?
<!doctype html>
<html>
<title>knockout js</title>
<head>
<script type="text/javascript" src="js/knockout-1.1.1.debug.js"></script>
<script type="text/javascript">
window.onload= function() {
var viewModel = {
firstName : ko.observable("Jim"),
lastName : ko.observable("Smith")
};
viewModel.fullName = ko.dependentObservable(function () {
return viewModel.firstName() + " " + viewModel.lastName();
});
ko.applyBindings(viewModel);
}
</script>
</head>
<body>
<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>
</body>
</html>