Knockoutjs ObservableArray答案

【问题标题】：Knockoutjs ObservableArrayKnockoutjs ObservableArray
【发布时间】：2012-08-07 12:30:07
【问题描述】：

下面的 sn-p -- 导致一个空的列表框。谁能告诉我做错了什么？

<script src="/Scripts/knockout-2.1.0.debug.js"></script>
<script type="text/javascript">
var listEditorVM = function () {
    this.allItems = ko.observableArray(["Apple", "Banana", "Orange"]);
    alert(this.allItems().length);
};
ko.applyBindings(new listEditorVM());

</script>

<div>List items:</div>
<select multiple="multiple" data-bind="options: allItems"></select>

Works 是 jsFiddle -- 不在浏览器中

【问题讨论】：

标签： knockout.js ko.observablearray

【解决方案1】：

你需要在你的 DOM 准备好之后调用ko.applyBindings。您可以通过将该脚本块移动到页面底部或在类似 jQuery 的 ready 函数中调用它来做到这一点。

默认情况下，jsFiddle 会“onload”运行你的 js 代码，所以它会在你的元素存在之后发生。

【讨论】：