javascript - 数据绑定(bind)不在 View 页面中显示数据

Question

这就是我设置页面的方式，但没有显示任何数据，我不知道为什么:

JavaScript/knockout :

 var getList = function () {
            Ajax.Get({
                Url: ...,
                DataToSubmit: {id: properties.Id },
                DataType: "json",
                OnSuccess: function (roleData, status, jqXHR) {
                    bindModel(roleData);

                }
            });
        };


    // Binds the main ViewModel
        var bindModel = function (data) {
            var _self = viewModel;

            ko.applyBindings(viewModel, $('#ListView')[0]);
        };

    var viewModel = {
            ListRoleTypes: ko.observableArray([]),
            .....
        };

 var roleViewModel = function (data) {
        var _self = this;
        _self.ContentRole = ko.observable(data.ContentRole);
        _self.RoleName = ko.observable(data.RoleName);
        _self.RoleRank = ko.observable(data.RoleRank);
        _self.UserCount = ko.observable(data.UserCount);
    };

这是我的查看页面:

<div data-bind="foreach: ListRoleTypes">
            <span data-bind="text: RoleName"></span>
        </div>

对我哪里出错有什么想法吗？

Answer 1

您正在调用bindmodel并传入 Angular 色数据，但在bindmodel中，您不对其执行任何操作。

Ajax.Get({
            Url: ...,
            DataToSubmit: {id: properties.Id },
            DataType: "json",
            OnSuccess: function (roleData, status, jqXHR) {
                bindModel(roleData);

            }
        });
    };


// Binds the main ViewModel
    var bindModel = function (data) {
        // need to do something with viewmodel to handle the passed in data
        viewmodel.initialize(data);

        ko.applyBindings(viewModel, $('#ListView')[0]);
    };