knockout.js数据绑定不起作用

时间:2016-09-14 15:50:54

标签: javascript knockout.js data-binding

我是新的没有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()

我做错了什么?

1 个答案:

答案 0 :(得分:1)

您希望将代码改为:

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

始终确保在html末尾或文档渲染/加载后应用绑定。