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>

你可以在这个小提琴中看到它