Question

在他们的文档页面上尝试Knockout.js的最基本示例： http://knockoutjs.com/documentation/observables.html

看起来我已经完成了文档所要求的所有设置，并且我没有在页面上出现任何错误，但是跨度应该显示“personName”的绑定 - 这是'Bob'。

但是，当我运行页面时，显示的只是“名称是”。鲍勃无处可寻。

这是我的代码：

<!DOCTYPE html>

<html>
<head>
<title>Knockout Practice</title>
<script type='text/javascript' src='javascript/jquery-1.6.4.js'></script>
<script type='text/javascript' src='javascript/jquery-tmpl.js'></script>
<script type='text/javascript' src='javascript/knockout-1.2.1.js'></script>    

<script type="text/javascript">

    var myViewModel = {
    personName: 'Bob',
    personAge: 123
    };

    ko.applyBindings(myViewModel);  
</script>

</head>

<body> 
   The name is <span data-bind="text: personName"></span>


</body> 

</html>

文档中是否缺少某些内容，或者我遗漏了什么？

Answer 1

您需要更改脚本加载的位置。

您可以将脚本块放在HTML文档的底部，也可以将其放在顶部并将内容包装在一个支持DOM的处理程序中，例如jQuery’s $ function。

将脚本块放在HTML文档的末尾确实显示

名字是Bob

代表<span data-bind="text: personName">Bob</span>

Knockout.js基本示例 - 导致此数据绑定失败的原因是什么？

1 个答案: