淘汰 jquery 程序不工作

Question

我编写了以下 MVC 应用程序。

Index 方法仅返回 View() 仅此而已。

我正在关注一些视频教程来学习 Knockout js，下面是代码。

<script id="tagsTempl" type="text/html">
    <ul>
        {{each tags}}
            <li class="tagItem">
                <span>${Name}</span>
                <div>
                    <a href="#" class="tag-edit">Edit!</a>
                    <a href="#" class="tag-delete">Delete!</a>
                </div>
            </li>
        {{/each}}
    </ul>
</script>

以下是我的 JavaScript 文件。

$(function () {
    var data = [
        { Id: 1, Name: "Ball Handling" },
        { Id: 2, Name: "Passing" },
        { Id: 3, Name: "Shooting" },
        { Id: 4, Name: "Rebounding" },
        { Id: 5, Name: "Transition" },
        { Id: 6, Name: "Defense" },
        { Id: 7, Name: "Team Offence" },
        { Id: 8, Name: "Team Defence" }
    ];

    var viewModel = {
        tags: ko.observableArray(data),
        tagToAdd: ko.observable(""),

        addTag: function () {
            this.tags.push({ Name: this.tagToAdd() });

        }
    };

    ko.applyBindings(viewModel);
});

我没有得到想要的输出，而只是下面的垃圾。

基本上，我无法理解 {{each tags}} 循环，也无法在互联网上获得适当的资源。任何人都可以建议我正确的解决方案。

Answer 1

确保您引用了jquery.tmpl.js，如documentation 所示。这是working jsfiddle example。