Невозможно разобрать привязки Ошибка нокаута

Question

Я работаю с нокаутом и столкнулся с проблемой. Я не знаю, как исправить. Я извлекаю объект json из контроллера mpc asp.net. Я передаю его к следующей функции:

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, в частности NumberOfItems свойства JSON. Моя разметка:

<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).

Я думаю, это потому, что вы создаете viewModel только при вызове функции загрузки, но в то время, когда привязки разбираются, 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")); 

Вы можете затем вызвать функцию загрузки в ViewModel в месте, где вы вызываете текущую функцию нагрузки.