敲除陣列過濾器和計算可觀察不工作

Question

我是Knockout的新手。我正在嘗試一個場景，但我無法使其工作。請幫忙。我正在使用MVC4。

function ViewModel(data) { 
     var self = this; 
     this.Collection = ko.observable(data); 


     self.GetFilteredCollection = ko.computed(function() { 
      var filteredCollection = ko.utils.arrayFilter(self.Collection(), function (item) { 
       return item.IsSelected == true; 
      }); 
      return filteredCollection; 
     }); 

     self.FilteredCollectionCount = ko.computed(function() { 
      return self.GetFilteredCollection().length;     
     }); 
}); 


var collectionList = eval('<%= new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(Model.Collection) %>'); 

    var VM = new ViewModel(collectionList); 
    ko.applyBindings(VM); 

我已將IsSelected屬性綁定到複選框。最初IsSelected屬性將被設置爲false。

<span id="Span1" data-bind="text:$root.FilteredCollectionCount"></span> 

我總是得到跨度值爲0，即使我選中該複選框。但我可以看到屬性IsSelected更改爲true。

Answer 1

你需要做的IsSelected成觀察到的，計算出可觀察到能夠被通知時IsSelected的值更改

如果它已經是一個可觀察的，那麼你需要的代碼更改爲

return item.IsSelected() == true;