0

我的 Index.cshtml 文件中有以下内容（来自淘汰网站）：

<p>First name: <input data-bind="value: firstName" /></p>
<p>Last name: <input data-bind="value: lastName" /></p>
<h2>Hello, <span data-bind="text: fullName"> </span>!</h2>

<script type="text/javascript">
    // Here's my data model
    var ViewModel = function (first, last) {
        this.firstName = ko.observable(first);
        this.lastName = ko.observable(last);

        this.fullName = ko.computed(function () {
            // Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName.
            return this.firstName() + " " + this.lastName();
        }, this);
    };

    ko.applyBindings(new ViewModel("Planet", "Earth")); // This makes Knockout get to work
</script>

我的布局有这一行：

@Scripts.Render("~/bundles/knockout")

在捆绑器配置中正确配置：

bundles.Add(new ScriptBundle("~/bundles/knockout").Include(
                "~/Scripts/Libraries/knockout-2.2.1.js"));

Chrome 看到该文件，而 VS 正在给我智能感知，所以我不确定发生了什么。任何淘汰功能都不起作用。

我在 MVC 之外进行了测试（仅使用 html/css），它运行良好。知道发生了什么吗？

编辑：我尝试使用没有捆绑器的直接引用，但它仍然不起作用：

<script type="text/javascript" src="~/Scripts/Libraries/knockout-2.2.1.js"></script>

我收到来自 chrome 的错误：

Uncaught ReferenceError: ko is not defined
4

3 回答 3

4

你能从 chrome 或 firebug 发布一些 JS 控制台错误吗？看起来像是淘汰赛中缺少的参考。

编辑：将您的脚本放在其视图的末尾！另一件事，敲除的引用必须保持在 jquery 的引用之下，因为它是依赖的。

编辑：注册淘汰赛

bundles.Add(new ScriptBundle("~/bundles/knockout").Include(
                    "~/Scripts/knockout-{version}.js"));

在你的视图中渲染它

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/knockout")
于 2013-02-26T16:47:02.667 回答
0

将您的 javascript 代码包含在 JS 文件中并在敲除后呈现它

像这样：

 @Scripts.Render("~/bundles/knockout")
 @Scripts.Render("~/bundles/MYSCRIPTS")
于 2013-02-26T16:57:57.383 回答
0

我通过删除 Index.cshtml 文件末尾的脚本行来解决我的问题：

<script src="~/Scripts/ConfigGroup.js"></script>

并将其替换为：

@section Scripts {
    @Scripts.Render("~/Scripts/ConfigGroup.js")
}

我猜脚本部分的加载时间与包含的时间不同。

于 2014-11-26T19:09:23.937 回答