Question

我正在使用ul标记中的json数据进行绑定。它表明发生了错误。这是代码：

<div id="newdiv" data-bind="visible: selectedSection() === 'ulClass', stopBinding: true ">
    <ul id="ulClass" data-bind="template: { name: 'templatesSample', foreach: items}">
        <script id="templatesSample" type="text/html">
            <li><span data - bind = "text:name" > </span>
            </li>
        </script>
    </ul>
</div>

视图模型

function names(firstnames) {
    this.name = ko.observable(firstnames);
}

var mappedData;
var viewmodel;

$(document).ready(function () {
    ko.bindingHandlers.stopBinding = {
        init: function () {
            return {
                controlsDescendantBindings: true
            };
        }
    };
    ko.virtualElements.allowedBindings.stopBinding = true;

    viewmodel = function () {
        items: ko.observableArray([]);
    };


    var namesOfPeople = '[{"Firstnames":"john"},{"Firstnames":"peter"},{"Firstnames":"mary"}]';
    var dataFromServer = ko.utils.parseJson(namesOfPeople);
    mappedData = ko.utils.arrayMap(dataFromServer, function (item) {
        return new names(item.Firstnames);
    });

    viewmodel.items(mappedData);

    ko.applyBindings(viewmodel, document.getElementById("ulClass"));
});

它在控制台中显示以下错误：

Uncaught TypeError: Object function ()
    {
         items:ko.observableArray([]);

    } has no method 'items'

如何解决问题？请提出解决方案。

由于

Answer 1

您需要决定将vm初始化为对象，还是使用构造函数。

这是两者的结合，我认为大多数是无理的无效:)：

viewmodel = function()
{
    items:ko.observableArray([]);
};

所以要么这样做：

viewmodel = {
                items:ko.observableArray([]);
            };

或者这个：

var VM=function() {
                     this.items = ko.observableArray([]);
                };

var viewModel = new VM();

未捕获的TypeError：对象函数（）没有方法项

1 个答案: