ko.observableArray和JSON數據按摩

Question

我正在使用Web服務將數據加載到客戶端。 為了進行綁定，我需要擴展獲得的數據。 即我不想在服務器端處理所有數據。

例如，對象Trip { Id: "123", Status: "P" }

在HTML中，我將table綁定到observableArray，並希望顯示“ Pending”而不是“ P”。 我來自Silverlight / MVVM，通常您會使用轉換器，或者只是向對象添加新的R / O屬性。

不知道該如何在敲門js中處理

Answer 1

您可能會在這里找到所需的一切：

http://net.tutsplus.com/sessions/knockout-succinctly/

好好閱讀。

Answer 2

如果您只是在尋找轉換器，則可computed觀測值是一個不錯的選擇。

var Tip = function(data) {
    var self = this;
    self.id = data.id;
    self.status = ko.observable(data.status);

    //You may prefer fullStatus, or statusName
    self.statusConverter = ko.computed(function() { 
        return self.statusMap[self.status()];
    });
};

Tip.prototype.statusMap = {
    P: "Pending",
    O: "Open",
    C: "Closed"
};

您可以像這樣綁定：

<td data-bind="text: statusConverter"></td>

你可以在這個小提琴中看到它