asp.net-mvc - KO 绑定(bind)在 IIS 6 中不起作用

Question

我编写了一小段代码，当我通过 VS 2010 调试它时运行良好。(即使用“Visual Studio 开发服务器”。)

之后，我更改了项目设置并在运行应用程序时单击“使用本地 IIS Web 服务器”(自动创建的虚拟目录)，我发现 KO 代码根本没有被执行。看不到使用默认值填充的文本框。

在将代码部署到 IIS 时，我们是否需要特别小心？

下面是我的一段代码。

@{
    ViewBag.Title = "Home Page";
}
<div>
    <div>
        <div>
            <label>
                Name</label>
            <input type="text" name="txtID" data-bind="value: ID" />
        </div>
        <div>
            <label>
                First Name</label>
            <input type="text" name="txtFirstName" data-bind="value: FirstName" />
        </div>
        <div>
            <label>
                Last Name</label>
            <input type="text" name="txtLastName" data-bind="value: LastName" />
        </div>
        <div>
            <label>
                Full Name</label>

            <input type="text" name="txtFullName" data-bind="value: FullName" />

        </div>
    </div>
</div>
@section scripts{
    <script src="../../Scripts/jquery-1.7.1.js" type="text/javascript"></script>
    <script src="../../Scripts/knockout-2.1.0.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            var ViewModel = function () {
                var self = this;
                self.FirstName = ko.observable("Initial Name");
                self.LastName = ko.observable("Last Name");
                self.ID = ko.observable(100);
                self.FullName = ko.computed({
                    read: function () {
                        return self.FirstName() + " " + self.LastName();
                    },
                    write: function (value) {
                        var lastIndex = value.lastIndexOf(" ");
                        if (lastIndex > 0) {
                            self.FirstName(value.substring(0, lastIndex));
                            self.LastName(value.substring(lastIndex + 1));
                        }
                    }
                });
            }
            var viewModel = new ViewModel();
            ko.applyBindings(viewModel);

            var t = function () {
                alert(viewModel.FullName());
            };
        });
    </script>
}

Answer 1

您的脚本引用可能已损坏，因为它们是相对引用，并且您现在在 IIS 中使用虚拟目录。

您需要使用 Url.Content helper method您可以在其中使用 ~ 指定根目录它将处理虚拟目录并为您生成正确的 url:

<script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript">
</script>       
<script src="@Url.Content("~/Scripts/knockout-2.1.0.js")" type="text/javascript">
</script>