为什么使用knockout.js时数据不会出现在HTML字段中

Why data not appearing in HTML fields when using knockout.js

本文关键字：HTML 字段 knockout js 数据 为什么      更新时间：2023-09-26

我对knockout.js完全陌生，刚刚开始。我刚刚在asp.net表单应用程序中创建了一个简单的页面。并放入以下脚本和HTML。

当我运行此代码时，字段仍然显示空白

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="Scripts/knockout-1.2.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        var product = { itemNumber: "T314CE", model: "Taylor 314ce", salePrice: 1199.95 };
        ko.applyBindings(product);
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2>
            With Knockout</h2>
        <span>Item number</span><span data-bind="text: itemNumber"></span>
        <br />
        <span>Guitar model:</span><input data-bind="value: model" />
        <span>Sales price:</span><input data-bind="value: salePrice" />
    </div>
    </form>
</body>
</html>

没有js错误？我怎样才能找到这背后的原因？

您应该调用document.ready上的函数，也可以将脚本块放在HTML文档的底部。

rahularyansharma您的绑定在加载DOM之前执行。。所以它永远不会工作，直到它在document.ready或页面底部脚本区域内表现出色。

相关文章：