这真的很困扰我。请看一下你好世界示例 http://knockoutjs.com/examples/helloWorld.htmlKnockout.js 的。
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Home Page</title>
<script src="knockout-1.2.1.debug.js" type="text/javascript"></script>
<script type="text/javascript">
// Here's my data model
var viewModel = {
firstName: ko.observable("Planet"),
lastName: ko.observable("Earth")
};
viewModel.fullName = ko.dependentObservable(function () {
// Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName.
return viewModel.firstName() + " " + viewModel.lastName();
});
ko.applyBindings(viewModel); // This makes Knockout get to work
</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>
看来绑定不起作用。如果我alert(viewModel.fullName());
我如预期得到了“行星地球”。但输入元素和跨度都没有填充数据。
我究竟做错了什么?
Here http://ahb.me/3Wuh是一个 zip 文件,其中包括我的文件和 Knockout.js
您的问题是您太早调用 ko.applyBindings 。
您想要将脚本标记移动到底部或在 onload 或类似 jQuery 的 Ready 函数中执行它。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)