knockout.js 数据绑定不起作用答案

【问题标题】：knockout.js data-bind doesn't workknockout.js 数据绑定不起作用
【发布时间】：2016-09-14 15:50:54
【问题描述】：

我是新手 no 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()

我做错了什么？

【问题讨论】：

在渲染 DOM 之前无法调用 applyBindings - 将脚本移至底部

标签： javascript knockout.js data-binding

【解决方案1】：

你希望你的代码是这样的：

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

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

【讨论】：