नॉकआउट

Question

में एक गणना किए गए अवलोकन योग्य सरणी को कैसे बनाएं I want to know computed अवलोकन योग्य सरणी कैसे बनाएं।

मेरे दृश्य मॉडल में, मेरे पास 2 अवलोकन योग्य सरणी हैं, और मैं एक गणना करने योग्य अवलोकन योग्य सरणी रखना चाहता हूं जो केवल दोनों सरणी संयुक्त है।

function ViewModel() { 
    var self = this; 
    self.listA= ko.observableArray([]); 
    self.listB = ko.observableArray([]); 
    self.masterList= //combine both list A and B 

Answer 1

यह दो सरणी को जोड़ देगा और संयुक्त सूची वापस करेगा। हालांकि, यह एक गणना योग्य अवलोकन योग्य सरणी नहीं है (यह नहीं पता कि यह भी संभव है), लेकिन नियमित रूप से गणना की जाने योग्य।

self.masterList = ko.computed(function() { 
    return this.listA().concat(this.listB()); 
}, this); 

Answer 2

एक observableArray कुछ और गुणों के साथ सिर्फ एक मानने योग्य है। इसलिए, एक गणना किए गए अवलोकन योग्य जो बंद करने में एक सरणी देता है उसे एक सरणी के रूप में माना जाएगा।

Answer 3

मैं जानता हूँ कि यह एक पुराने सवाल है, लेकिन मैंने सोचा कि मैं वहाँ में मेरा उत्तर फेंक चाहते हैं:

var u = ko.utils.unwrapObservable; 

ko.observableArray.fn.filter = function (predicate) { 
    var target = this; 

    var computed = ko.computed(function() { 
     return ko.utils.arrayFilter(target(), predicate); 
    }); 

    var observableArray = new ko.observableArray(u(computed)); 

    computed.subscribe(function (newValue) { observableArray(newValue); }); 

    return observableArray; 
}; 

Answer 4

self.masterList = ko.observableArray(); 
ko.computed(function() { 
    self.masterList(self.listA().concat(self.listB())); 
}); 

भावना में जो Flateau के जवाब की तरह, लेकिन मुझे लगता है कि इस विधि सरल है पसंद ।

Answer 5

मुझे यकीन नहीं है कि यह सबसे कुशल विकल्प है - लेकिन यह काफी सरल है और मेरे लिए काम करता है। ko.computed रिटर्न के रूप में नीचे एक नमूदार सरणी:

self.computedArrayValue = ko.computed(function() { 
    var all = ko.observableArray([]); 
    .... 
    return all(); 
}); 

कोड भाषा का काम उदाहरण: एचटीएमएल:

<div data-bind="foreach: days"> 
    <button class="btn btn-default btn-lg day" data-bind="text: $data, click: $root.dayPressed"></button>   
</div> 

दृश्य मॉडल पर

जावास्क्रिप्ट समारोह:

self.days = ko.computed(function() { 
    var all = ko.observableArray([]); 
    var month = self.selectedMonth(); //observable 
    var year = self.selectedYear();  //observable 
    for (var i = 1; i < 29; i++) { 
     all.push(i); 
    } 
    if (month == "Feb" && year % 4 == 0) { 
     all.push(29); 
    } else if (["Jan","Mar","May","Jul","Aug","Oct","Dec"].find((p) => p == month)) { 
     [29,30,31].forEach((i) => all.push(i)); 
    } else if (month != "Feb") { 
     [29,30].forEach((i) => all.push(i));     
    } 
    return all(); 
});