2016-09-14 81 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結束或者一旦文件已使/加載。