javascript - 从 Knockout 对象访问属性

Question

场景如下:

我目前有一个如下所示的对象:

运行 modal.PersonInfo 后，我从 第 3 行开始返回对象。 参见上图。

Question: Within my HTML, how can I call FirstNameand LastName

错误状态:

未捕获的 ReferenceError:无法处理绑定(bind)“text: function (){return PersonInfo().FirstName}”消息 PersonInfo 未定义

JavaScript:

function Person() {
    var modal = this;
    modal.PersonInfo = ko.observable('');

    modal.setData = function (id) {
        $.ajax({
            type: "GET",
            url: '/Person/UserInformation?id=' + id,
            contentType: "application/json; charset=utf-8",
            success: function (data) {
                modal.setPersonInfo(data);

                $('#person-modal').modal('show');
            }
        });

        modal.setPersonInfo = function (data) {
            modal.PersonInfo = data;
        }
    }
};

HTML我的想法是我可以执行以下操作:

<p data-bind="text: PersonInfo().FirstName"></p>
<p data-bind="text: PersonInfo().LastName"></p>

Answer 1

此行替换可观察对象，而不是分配值:

modal.PersonInfo = data;

试试这个:

modal.PersonInfo(data)

还有一个错位的右大括号:model.setPersonInfo inside model.setData

参见 working demo .