在Knockout中将新项添加到对象数组

Adding new item to object array in Knockout

本文关键字：对象 数组 添加 新项 Knockout      更新时间：2023-09-26

我得到了以下使用Knockout.js.制作的关联数组

self.users = ko.observableArray([{name: "Unassigned", value: null}]);

在应用程序中的某个时刻，当单击按钮时，我必须开始向该数组添加更多值。然而，我不太确定该怎么做。以前，我只是使用这样一个通用数组：

$.each(data.users, function(index, user)
{
   vm.users.push(user.first_name + " " + user.last_name);
});

既然我必须处理多个值，我不知道如何将项和值都推送到数组中。有简单的方法吗？

更新：

根据Milmetric的建议，我更新了我的代码如下：

vm.users.push({name: user.first_name + " " + user.last_name, value: index + 1});

然后我返回并更新了我的观点如下：

<select id="ticket_assignee" name="ticket[assignee]" data-bind="options: users.name, value: assignee"></select>

在更新视图之前，我在下拉列表中得到了正确的项目数。在更新视图后，我只有一个值，上面写着"d"。我猜d来自Unassigned中的最后一个字母。我是否做错了什么，导致值无法正确显示？

在聊天中与CrimsonChris交谈后，他得出的结论是，使用对象数组来做我想要做的事情太过分了。他指出，由于我只是想创建一个对象的下拉列表，我可以使用Knockout"options"绑定文档中的图3作为我当前任务的指南。在完成该示例之后，我能够通过使用选项、optionsText和值绑定使一切都完美地工作。

相关文章：