2016-09-14 53 views
0

我是新没有knockout.js并尝试应用它,但是简单的事情不工作knockout.js数据绑定不工作

<script type="text/javascript"> 
    var viewModel = { 
     name: ko.observable("test") 
    } 
    ko.applyBindings(viewModel); 
</script> 
<span data-bind="text: name"></span> 

我没有看到任何文字,但在调试器背景(不带空格修剪出于某种原因):

" name": "test" 

也有$data与申报name: function observable()

我做什么了?

+3

applyBindings在DOM呈现之前无法调用 - 将脚本移动到底部 – Jonathan

回答

1

你想拥有这样的,而不是你的代码:

<span data-bind="text: name"></span> 
<script type="text/javascript"> 
    var viewModel = { 
     name: ko.observable("test") 
    } 
    ko.applyBindings(viewModel); 
</script> 

始终确保你申请你的绑定在你的HTML结束或者一旦文件已使/加载。