无法解析绑定敲除错误

Question

我正在与淘汰赛，并遇到了一个问题，我不知道如何解决。我从asp.net mvc控制器中取回一个json对象。我把它传递给下面的函数：

load = function (data) { 
     var myViewModel = function() { 
      var self = this; 

      ko.mapping.fromJS(data, self); 

      self.hasItems = ko.computed(function() { 
       return self.NumberOfItems > 0; 
      }, self); 

     }; 
     ko.applyBindings(myViewModel, window.document.getElementById("my-container")); 
    } 

我添加自定义的行为基于什么是在JSON返回，特别是JSON的NumberOfItems财产我的模型对象。我的标记是：

<div class="content" style="display: none;" data-bind="visible: hasItems === false"> 
    <span class="empty">My Items</span> 
</div> 

但我不断收到此错误：

错误：无法解析绑定。 消息：ReferenceError：hasItems未定义; 绑定值：visible：hasItems === false

我不知道为什么 - 我是这个新手所以非常感谢任何帮助？

Answer 1

applyBindings需要一个对象。尝试

ko.applyBindings(new myViewModel(), window.document.getElementById("my-container")); 

此外，当您想要获得可观察值的值时，您需要使用括号。

return self.NumberOfItems() > 0; 

http://jsfiddle.net/36xtR/

Answer 2

除了ckal的答案，你可能也想用ko.mappings这样：

ko.mapping.fromJS(data, {}, self); 

Answer 3

你看到“无法解析绑定”的错误意味着淘汰赛能找不到你想要绑定的东西（hasItems）。

我认为这是因为你只是在调用load函数时创建viewModel，但是在绑定被解析的时候viewModel不存在，所以它会抱怨。

我会尝试建立更多这样您的视图模型：

var myViewModel = function() { 
     var self = this; 

     self.load = function (data) { 
      ko.mapping.fromJS(data, self); 
     } 

     self.hasItems = ko.computed(function() { 
      return self.NumberOfItems > 0; 
     }, self); 

    }; 
ko.applyBindings(new myViewModel(), window.document.getElementById("my-container")); 

然后，您可以调用加载功能在视图模型的地方，你在呼唤你的当前负载的功能。