Question

我正在尝试列出此json数据中的所有用户名：

[{
        "full_name": "root",
        "group": 0,
        "home": "/root",
        "username": "root",
        "id": 1
    }, {
        "full_name": "Owner of many system processes",
        "group": 1,
        "home": "/root",
        "username": "daemon",
        "id": 2
    }, {
        "full_name": "System",
        "group": 5,
        "home": "/",
        "username": "operator",
        "id": 3
    }]

我的HTML看起来像这样：

 <body>
        <h2>Knockout list</h2>
        <ul data-bind="foreach: users">
            <li data-bind="text: username"></li>
        </ul>

        <script type="text/javascript">
            function getUsers()
            {
                return $.ajax
                        ({
                            type: "GET",
                            url: "http://XXX.XXX/api/userinfo",
                            username: "root",
                            password: "meh",
                            cache: false,
                            dataType: "json"
                        });
            }

            getUsers().done(function(results)
            {
                var users = "{users: " + results + "}";
                var viewModel = ko.mapping.fromJS(users);
                ko.applyBindings(viewModel);
            });

        </script>
 </body>

在控制台中我收到此错误：

ReferenceError: users is not defined
with($context){with($data||{}){return{'foreach':function(){return users }}}}

我认为在json中添加任何内容都不是一个好主意。我正在尝试使用var users = "{users: " + results + "}";，但这是一个绝望的步骤，如果可能的话，我想避免它。

你知道怎么做这项工作吗？谢谢。

Answer 1

鉴于您的HTML，您的viewmodel需要有一个名为users的属性，因为这是您在foreach循环中迭代的内容。我不能确定，但是从结果中创建新对象的行看起来不正确。您可以尝试在viewmodel上创建显式用户属性，并将映射结果分配给它：

var viewModel = {};
viewModel.users = ko.mapping.fromJS(data);
ko.applyBindings(viewModel);

创建了一个jsfiddle，它可以在那里工作。

如何使用knockout映射插件绑定匿名对象？

1 个答案: