ko.utils.arrayForEachを使用してobservableArrayを反復する

Question

'observableArray'の 'price'フィールドの合計を計算しようとしています。私は、これまでに次のコードを持っている：私はこれを実行しようとすると

(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は関数ではありません」を取得放火魔コンソールで。

私は間違っていますか？

Answer 1

計算されたオブザーバブルは、作成中に直ちに評価されます。あなたの場合、appViewModelはまだ作成されておらず、thisはappViewModelを表すことはありません。

この場合、thisが正しいことを確認する方法はたくさんあります。ここでは2つです：

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());​