-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を束縛することです。

以下のコードのように、viewModel を特定の div id にバインドしてみてください。問題が解決する場合があります。

HTML

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

脚本：-

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