使用ko.utils.arrayForEach遍歷一個observableArray

Question

我試圖計算一個'observableArray'的'價格'字段的總和。我有以下代碼至今：

(function(){ 

function objFeatures(name,price) { 
     return { 
      name: ko.observable(name), 
      price: ko.observable(price), 

      removeFeatures: function() { 
       appViewModel.features.remove(this); 
      } 
     } 
    } 

var appViewModel = { 
features: ko.observableArray([ 
      new objFeatures("Feature1", 20), 
      new objFeatures("Feature2", 20) 
     ]), 

grandTotal: ko.computed(function() { 
      var total = 0; 
      ko.utils.arrayForEach(this.features(), function() { 
       total += this.price(); 
      }) 
      return total; 
     }) 
}; 

ko.applyBindings(appViewModel); 

}()); 

當我嘗試運行此，我得到一個「錯誤：this.features不是一個函數」在Firebug控制檯。

我在做什麼錯了？

Answer 1

計算的可觀測量在創建過程中立即進行評估。在你的情況下，appViewModel尚未創建，this將不代表appViewModel。

有很多方法可以確保this在這種情況下是正確的。這裏有兩個：

1. 您最初的對象文本之外創建它：

   var appViewModel = { 
       features: ko.observableArray([ 
        new objFeatures("Feature1", 20), 
        new objFeatures("Feature2", 20) 
        ]) 
   }; 
   
   appViewModel.grandTotal = ko.computed(function() { 
       var total = 0; 
       ko.utils.arrayForEach(this.features(), function(feature) { 
        total += feature.price(); 
       }); 
   
       return total; 
   }, appViewModel); 
   

2. 創建一個功能視圖模式：

   var AppViewModel = function() { 
       this.features = ko.observableArray([ 
        new objFeatures("Feature1", 20), 
        new objFeatures("Feature2", 20) 
       ]); 
   
       this.grandTotal = ko.computed(function() { 
        var total = 0; 
        ko.utils.arrayForEach(this.features(), function(feature) { 
         total += feature.price(); 
        }); 
        return total; 
       }, this); 
   }; 
   
   ko.applyBindings(new AppViewModel());​