Question

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

这是一个简单的 viewmodel - 定义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>

data-bind无效。

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

Answer 1

愿你的问题绑定了ko。

尝试将您的viewModel绑定到特定的div ID，如下面的代码。它可以解决您的问题

<强> HTML

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

<强>脚本： -

ko.applyBindings(new AppViewModel(), document.getElementById('form1'));

Answer 2

首先检查您是否选择了上面的HTML5标签。然后在您的视图中添加脚本文件：knockout-2.1.0.js，knockout-2.1.0.debug.js from scripts folder。

Visual Studio 2008中的数据绑定属性出错

2 个答案: