Knockout.js 用单个 json 对象绑定 observable

Question

我正在尝试对具有单个 json 对象的 observable 进行数据绑定。我可以用 ko.observablearray 做到这一点，foreach 没问题，但不知道如何用 observale 来做到这一点

这是我的视图模型

var ViewModel = function () {
    var self = this;
    self.job = ko.observable();
}

self.job 已填充来自 api 调用的 json 对象，这可以正常工作，但我不确定如何将数据绑定到 html。我试过foreach

<p data-bind="foreach: job">
Name: <span data-bind="text: jobslist.Name"> </span>
Description: <span data-bind="text: jobslist.Description"> </span>
</p>

它不会给出任何错误，只是空白

{
    "JobID":1,
    "JobsListID":1,
    "BookingID":2,
    "TimeAllowed":20,
    "TimeTaken":22,
    "Comments":"Some comments",
    "Status":"complete",
    "Notes":null,
    "TimeStarted":"2014-11-04T09:00:00",
    "Difficulty":1,
    "CompleteDate":"2014-11-04T09:22:00",
    "booking":null,
    "jobs_mechanics":[],
    "jobslist": {
        "JobsListID":1,
        "JobCategoryID":1,
        "Description":"Change Tyres                  ",
        "Name":"Tyres",
        "jobs":[],
        "jobscategory":null,
        "model_jobslist":[]
     },
     "timessheets":[]
}

Answer 1

您应该能够使用with 绑定获得结果。下面是假设您使用局部变量而不是 Web 服务调用的代码：

var data = {
    "JobID":1,
    "JobsListID":1,
    "BookingID":2,
    "TimeAllowed":20,
    "TimeTaken":22,
    "Comments":"Some comments",
    "Status":"complete",
    "Notes":null,
    "TimeStarted":"2014-11-04T09:00:00",
    "Difficulty":1,
    "CompleteDate":"2014-11-04T09:22:00",
    "booking":null,
    "jobs_mechanics":[],
    "jobslist": {
        "JobsListID":1,
        "JobCategoryID":1,
        "Description":"Change Tyres                  ",
        "Name":"Tyres",
        "jobs":[],
        "jobscategory":null,
        "model_jobslist":[]
     }, 
     "timessheets":[]
};
var ViewModel = function () {
    var self = this;
    self.job = ko.observable(data);
}
var vm = new ViewModel();
ko.applyBindings(vm);

还有 HTML：

<p data-bind="with: job().jobslist">
Name: <span data-bind="text: Name"> </span>
Description: <span data-bind="text: Description"> </span>
</p>

这是jsFiddle