无法找出KnockOut的简单helloworld示例

时间:2015-03-21 07:27:42

标签: knockout.js

我试图使用淘汰赛,但尽管代码非常简单,但我无法填充选择列表。 下面是代码,任何人都可以指出我做错了什么

<html>
<head>
    <script type="text/javascript" src="knockout-3.3.0.js">
</head>
<body>
    <script type="text/javascript">
        var listEditorViewModel = function () {
        this.allItems = ko.observableArray(["Apple"]);
        }
        ko.applyBindings(document.body,new listEditorViewModel());
    </script>
    <div>This Select will be populated</div>
    <select multiple="multiple" data-bind="options: allItems"></select>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

applyBindings中的参数顺序不正确 - 第一个参数必须是模型,第二个参数是DOM元素。像这样更新您的代码:

ko.applyBindings(new listEditorViewModel(), document.body);

或者只是省略第二个参数,因为无论如何都要绑定到所有文档:

ko.applyBindings(new listEditorViewModel());