Question

我正在使用RESTful WebAPI服务返回带有超媒体链接的JSON，然后尝试使用KnockoutJS映射解码到视图模型中，虽然不明白原因但它仍然失败。我不得不手动解析字符串化的JSON，这意味着我的客户端现在变得特定于对象，从而消除了我所使用的解决方案的灵活性。

下面的简化示例将返回单个餐厅的详细信息，其中包含一些操作，无论是预订还是电子邮件。

这是JSON

{
    "Id": 1,
    "Name": "Kings Head",
    "NickName": "Kings",
    "_links": {
        "book": {
            "href": "/resturant/1/book",
            "title": "Book"
        },
        "email": {
            "href": "/resturant/1/email",
            "title": "Email"
        },
        "self": {
            "href": "/resturant/1"
        }
    }
}

有效的代码是：

var viewModel = {
   Name: ko.observable(),
   NickName: ko.observable()
};

$.getJSON('http://localhost:8080/resturants/1', function (jsonResult) {
   var str = JSON.stringify(jsonResult);
   var parsed = JSON.parse(str);
   viewModel.Name = (parsed.Name);
   viewModel.NickName = (parsed.NickName);
   ko.applyBindings(viewModel);
})

如果我尝试使用：

viewModel = ko.mapping.fromJS(jsonResult);

失败了。

任何帮助表示感谢。

非常感谢，

肖恩

Answer 1

如果您直接使用服务电话中的jsonResult，我认为您就是这样，那么您需要viewModel = ko.mapping.fromJSON(jsonResult);在每个方案设置中查看fiddle。

使用Knockout Mapping与包含超媒体链接的JSON

1 个答案: