使用jQuery插入到可觀察數組中的好方法

Question

我想在我的JSON文件中加載，然後爲每個項目插入。

所以我有這樣的代碼

function ProductType(id, name) { 
var self = this; 

self.id = id; 
self.name = name; 
} 


function ProductsViewModel() { 
    var self = this; 
    var jqxhr = $.getJSON("data/product.json").success(function(data, status, xhr) { 
      self.products = ko.observableArray([  
     $.each(data.data.productTypeList, function(i,item){ 
      new ProductType(i, item.longName); 
    }) 
]);    
     }) 
    .error(function() { alert("error"); }) 
    .complete(function() { 
     console.log("fetch complete + " + this); 
    }); 

} 

我不知道如何最好的做法是在當前時間我得到這個錯誤

錯誤插入的可觀察陣列從每個功能

：500錯誤get/knockoutJQMProducts /＃products無法解析綁定。 消息：ReferenceError：產品未定義; 綁定值：foreach：產品

但如果我console.log（i）在每個語句內返回結果。

感謝

Answer 1

ryadavilli的回答是不錯的，但可以通過緩存陣列，然後一次性全部設置observableArray得到改善。

function ProductsViewModel() { 
    var self = this; 
    self.products = ko.observableArray(); 
    var jqxhr = $.getJSON("data/product.json").success(function(data, status, xhr) { 
     var products = []; 
     $.each(data.data.productTypeList, function(i, item) { 
      products.push(new ProductType(i, item.longName)); 
     }); 
     self.products(products); 
    }) 
     .error(function() { 
      alert("error"); 
     }) 
     .complete(function() { 
      console.log("fetch complete + " + this); 
     }); 
} 

Answer 2

我已經修改了你的虛擬機，併成功方法，從而可觀察到的陣列填充成功。但它始終存在。

function ProductsViewModel() { 
    var self = this; 
    self.products = ko.observableArray();  
    var jqxhr = $.getJSON("data/product.json").success(function(data, status, xhr) { 
     // use this remove all only if you want to clear and load with new data. 
     self.products.removeAll(); 
     $.each(data.data.productTypeList, function(i,item){ 
      self.products.push(new ProductType(i, item.longName)); 
    }) 
    }) 
.error(function() { alert("error"); }) 
.complete(function() { 
    console.log("fetch complete + " + this); 
}); 
}