Knockout 学习笔记(一)Demo

入门链接

http://www.aizhengli.com/knockoutjs/knockoutjs.html

简单实例

 非常简单,在html5中引入需要的js文件就可以了

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</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>
<!-- knockout -->
<script type="text/javascript" src="js/knockout-3.2.0.debug.js"></script>
<script type="text/javascript" src="js/knockout.mapping.min.js"></script>
<script>
	// Here's my data model
	var ViewModel = function(first, last) {
		this.firstName = ko.observable(first);
		this.lastName = ko.observable(last);
	 
		this.fullName = ko.pureComputed(function() {
			// Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName.
			return this.firstName() + " " + this.lastName();
		}, this);
	};
	ko.applyBindings(new ViewModel("Planet", "Earth")); // This makes Knockout get to work
</script>
</html>

猜你喜欢

转载自blog.csdn.net/xuedengyong/article/details/84313466