Knockout.js如何访问data-bind上的内部对象属性

Question

我在下面有一个超级简单的淘汰代码:

var data ={
    "Id" : 1001,
    "SalePrice" : 12345,
    "ListPrice" : 333,
    "ShortDesc" : "Tayler 12345E",
    "Description" : " Long Description"
};


var viewModel={
    dataTest: ko.observable(data)
};


ko.applyBindings(viewModel);

<span data-bind="text: dataTest.SalePrice"></span>

基本上,我已将整个数据对象传递给可观察属性dataTest.我原以为用点符号来访问内部对象的属性是很容易的.但事实并非如此.

有人可以帮助如何使上面的代码工作？

Answer 1

它现在是一个可观察的(即它是一个函数).你需要调用该函数.

<span data-bind="text: dataTest().SalePrice"></span>

编辑Akshat的小提琴来匹配.

但是,不确定为什么这比嵌套适当的层次结构更有优势.OP所要求的是相当反模式.我想你可能想查看绑定上下文的页面Akshat建议看看如何创建dataTest作为父对象,然后深入标记你的标记.