Knockout - Daten werden nicht aus einem beobachtbaren Array abgerufen

Question

Ich entwickle einen Teil der Web-GUI, der VM-Sets anzeigt, die während der Mandantenerstellung in einer Cloud verfügbar sind. Das Ziel dieses Set repräsentiert sieht wie folgt aus:

function BoxTemplate(data) { 
    var self = this; 
    self.id = ko.observable(0); 
    self.name = ko.observable(""); 
    self.description = ko.observable(""); 

    if (data) { 
     self.id(data.Id); 
     self.name(data.Name); 
     self.description(data.Description); 
    } 
} 

Im nächsten Schritt versuche ich nur IDs aus dem Array fo die obigen Aufgaben abzurufen. Der Code wird als die folgenden:

var boxTemplatesIds = ko.observableArray([]); 

for (var i = 0; i < self.boxTemplatesList.length; i++) { 
    boxTemplatesIds.push(self.boxTemplatesList()[i].id); 
} 

var boxTemplatesIdsAsJson = ko.toJSON(boxTemplatesIds); 

The boxTemplatesIdsAsJson wird dann als Argument in dem Anforderungs Körper geleitet. Wenn ich es jedoch drucke, ist es leer und NULL wird an das entsprechende Argument in der unterlegenden REST-API übergeben. Ich versuchte verschiedene Ansätze, aber es war für niemanden. Können Sie mir helfen herauszufinden, was mit meinem Code nicht stimmt? Ich wäre dankbar. :)

Answer 1

Wenn die self.boxTemplatesList eine beobachtbare Anordnung der BoxTemplate Objekte ist, die id Eigenschaft ist ko.observable, und Sie müssen runde Klammern verwenden, um es Wert ist (self.boxTemplatesList()[i].id()):

for (var i = 0; i < self.boxTemplatesList.length; i++) { 
    boxTemplatesIds.push(self.boxTemplatesList()[i].id()); 
} 

oder nur map mit :

var boxTemplatesIds = ko.observableArray(self.boxTemplatesList().map(
    function(item) { return item.id(); } 
));