ko.applyBindings不起作用

Question

我有这个代码在MVC 4和ko.applyBindings不起作用。它没有做出约束力。我怎样才能使它工作？

这是我的html代码：

<div class="input-group"> 
     <div class="input-append-double full-width"> 
      <input id="ProductName" placeholder="Product Name" data-binding="value: 

$root.vmProduct().ProductName" type="text"/> 
    </div> 
    </div> 

这是我在javascript/jQuery代码：

var ProductModel = function() { 
      var self = this; 
      self.ProductName = ko.observable(); 

      self.ProductName.subscribe(function (value) { 
       console.log(value); 
      }.bind(self)); 
     }; 

      viewModel.vmProduct.ProductName("Estera"); 
     }; 

     var viewModel = { 
      vmProduct: new ProductModel() 
     }; 

     $(document).ready(function() { 

      ko.applyBindings(viewModel); 
} 

Answer 1

您的数据是错误的结合，而不是data-binding你应该有data-bind

下面是一个工作Fiddle

<div class="input-group"> 
    <div class="input-append-double full-width"> 
     <input id="ProductName" placeholder="Product Name" data-bind="value: vmProduct.ProductName" type="text" /> 
    </div> 
</div> 

这里是JS

var ProductModel = function() { 
    var self = this; 
    self.ProductName = ko.observable(); 

    self.ProductName.subscribe(function (value) { 
     console.log(value); 
    }); 
}; 
var viewModel = { 
    vmProduct: new ProductModel() 
}; 
$(document).ready(function() { 
    viewModel.vmProduct.ProductName("Estera"); 
    ko.applyBindings(viewModel); 
} 

Answer 2

看起来vmProduct不是一个观察的本身，所以当你做你的value绑定，你可以做value: vmPRoduct.ProductName而不是value: vmProduct().ProductName

此外，不知道它是否只是一个剪切和粘贴呃ROR，但是这个代码显得有些格格不入：

viewModel.vmProduct.ProductName("Estera"); 

确保您设置的值时，viewModel创建后。