Question

我正在尝试通过编写一个小应用程序来学习淘汰赛。我的代码非常简单。我可能会犯一个小错误，所以我没有显示任何结果。有人可以帮忙吗？

以下是代码

Index.cshtml

    <div>
    <ul data-bind="foreach:list">
        <li>
            <span data-bind="text:name"></span>
        </li>
    </ul>
</div>

<script src="~/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="~/Scripts/knockout-2.1.0.js" type="text/javascript"></script>
<script src="~/Content/MyScripts/PracticeScript.js" type="text/javascript"></script>

PracticeScript.js

    $(function () {
    var data = [
    { name: "microsoft" },
    { name: "google" },
    { name: "facebook" },
    { name: "twitter" },
    { name: "Apple" }
    ];

    var viewModel = {
        item: ko.observable(""),
        list: ko.observableArray(data),
        addNewItem: function () {
           this.list.push(this.item());
        }
    };
    ko.applyBindings(this.viewModel);
});

Answer 1

在您的示例中，您传递this.viewModel，但viewModel对象不属于此...

基本上，您将undefined作为viewModel而不是实际对象传递。

的 DEMO 的

Answer 2

从this

中删除ko.applyBindings

ko.applyBindings(viewModel);

小提琴here

关于淘汰赛的基本问题

2 个答案: