Динамического добавления данных observableArray

Question

У меня есть этот ViewModel и функция, чтобы добавить в него данные,

 function viewModel() { 
      this.loadData = function() { 
       this.Items().push('X'); 
       this.Items().push('Y'); 
      }; 

      this.Items = ko.observableArray(['A', 'B']); 
     } 

     var vm = new viewModel(); 
     ko.applyBindings(vm); 
     vm.loadData(); 
     alert(vm.Items()); 

Я пытаюсь напечатать значения в элементах массива, а X и Y никогда не отображаются. Хотя появляется предупреждение A, B, X и Y. Что я делаю неправильно?

<div data-bind="foreach: {data: Items, as: 'item' }"> 
     <span data-bind="text: item"></span> 
    </div>   

Спасибо.

Answer 1

this.Items() раскрывает базовый массив ko.observableArray(), который является обычным массивом. Вы должны использовать это:

this.Items.push('X'); 
this.Items.push('Y'); 

demo

Answer 2

Вы должны передать данные непосредственно в this.Items.

this.Items() возвращает содержимое наблюдаемого массива.