Knockout.JS 관측 가능한 라이브 검색

Question

knockout.js 개념 증명을위한 라이브 검색 기능을 연구 중입니다. ko.computed 배열은 내가 믿어야 할 때 아무 것도 반환하지 않습니다. 어떤 도움이라도 대단히 감사하겠습니다. jsFiddle

self = this; 
self.query = ko.observable('benefits'); 
self.samplesharepoint = [ 
    { title: "benefits", url: "www.benefits.com", sites: "branchburg, branford", topics: "benefits", tagged: "false" }, 
    { title: "health", url: "www.health.com", sites: "indy, laval", topics: "health", tagged: "false"}, 
    { title: "benefits", url: "www.benefits.com", sites: "ponce, genentech", topics: "benefits", tagged: "false"} 
    ]; 
debugger; 
self.pageLinks = ko.observableArray(self.samplesharepoint); 
self.computedPageLinks = ko.computed(function() { 
    return ko.utils.arrayFilter(self.pageLinks, function(item) { 
     return item.title.toLowerCase().indexOf(self.query.toLowerCase()) >= 0; 
    }); 
}); 

Answer 1

당신은 일반적인 녹아웃 실수가 : 여기 jsfiddle입니다 self.pageLinks 및 self.query이 관찰 가능한 때문에 - 기능입니다 - 당신은 그 값을 얻기 위해 인수없이 호출 할 필요가있다.

그래서 변경하려면로 계산 :

self.computedPageLinks = ko.computed(function() { 
    return ko.utils.arrayFilter(self.pageLinks(), function(item) { 
     return item.title.toLowerCase().indexOf(self.query().toLowerCase()) >= 0; 
    }); 
}); 

참고 ()

self.pageLinks() 후 self.query() 데모 JSFiddle.

documentation에서 관측 가능 및 계산에 대해 자세히 읽을 수 있습니다.