Knockout.js 如何访问数据绑定(bind)上的内部对象属性

Question

我在下面有一个 super 简单的 knockout 代码:

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>

Editing Akshat's fiddle to match .

但是，不确定为什么这比嵌套适当的层次结构更有优势。 OP的要求是非常反模式。我想你可能想看看 the page on binding context Akshat suggests了解如何创建 dataTest作为父对象，然后深入到您的标记中。