নকআউট জেএস এর এই উদাহরণটি তাই কাজ করে যখন আপনি কোনও ক্ষেত্র সম্পাদনা করবেন এবং টিএবি টিপুন, ভিউমডেল ডেটা এবং সেইজন্য ক্ষেত্রগুলির নীচের পাঠ্যটি আপডেট করা হবে।
আমি কীভাবে এই কোডটি পরিবর্তন করতে পারি যাতে ভিউ মডেল ডেটা প্রতিটি কীপ্রেস আপডেট হয়?
<!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>