-1 
<script type='text/javascript' src='Script/v1.0.js'></script>
<script type="text/javascript" src="Script/jquery-1.6.2.min.js"></script>

这是一个简单的视图模型- 定义 UI 数据和行为的 JavaScript：

function AppViewModel() {
    this.firstName = ko.observable("Bert");
    this.lastName = ko.observable("Bertington");
    this.fullName = ko.computed(function() {
        return this.firstName() + " " + this.lastName();    
    }, this);
}

激活 knockout.js：

    ko.applyBindings(new AppViewModel());
</script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
          <p>First name: <strong data-bind="text: firstName"></strong></p>
          <p>Last name: <strong data-bind="text: lastName"></strong></p>

          <p>First name: <input data-bind="value: firstName" /></p>
          <p>Last name: <input data-bind="value: lastName" /></p>

          <p>Full name: <strong data-bind="text: fullName"></strong></p>

        </div>
</form>
</body>

数据绑定不起作用。

错误：数据绑定不是有效的属性

4

2 回答 2

0

愿你的问题是绑定ko。

尝试为特定的 div id 绑定您的 viewModel，如下面的代码。它可能会解决您的问题

html

<form id="form1" runat="server">
<div id="test">
...
<div>
</form>

脚本：-

ko.applyBindings(new AppViewModel(), document.getElementById('form1'));
于 2013-02-25T11:06:26.673 回答
0

首先检查您是否选择了上面的 HTML5 选项卡。然后在您的视图中添加脚本文件：从您的脚本文件夹中的 knockout-2.1.0.js、knockout-2.1.0.debug.js。

于 2013-06-27T07:45:19.550 回答