绑定HTML时访问Knockout Obeserable对象属性

Question

我有一个可观察的财产如下

var ReportViewmodel = { 
    responseDetailsSetUpData: ko.observable({
            Pagination: ko.observable({
                Pager: ko.observable({
                    TotalItems: ko.observable(),
                    CurrentPage: ko.observable(),
                    PageSize: ko.observable(),
                    TotalPages: ko.observable(),
                    StartPage: ko.observable(),
                    EndPage: ko.observable(),
                    ShowingItem: ko.observable()
                })
            }),
            Data: ko.observableArray([])
        })
}
$(document).ready(function () {
    ko.applyBindings(ReportViewmodel, document.getElementById("ReportForm"));
});

当我，我试图绑定html中的属性我得到一个错误，因为$ root.responseDetailsS​​etUpData（...）。分页不是一个函数

我尝试按照此链接中的描述访问该属性

Knockout.js how to access the inner object property on data-bind

<td colspan="2" class="mdl-data-table__cell--non-numeric"><span data-bind="text: $root.responseDetailsSetUpData().Pagination().Pager().ShowingItem"></span></td>

哪个错误我，我无法弄明白。

任何人都可以让我知道

Answer 1

我不确定，因为你提供的代码还不够，但我认为问题是你的$ root。在这种情况下，您的$ root不是具有responseDetailsS​​etUpData的vm