Question

我想在可观察数组中获取值并在下拉列表中显示它们，但是我不希望下拉列表中的值随着可观察数组的变化而更新？由于其他原因，必须能够观察到数组。

我知道有一种简单的方法可以做到这一点！

这是一个fiddle来解释我的意思和下面的代码。

视图模型：

ViewModel = function () {
    var self = this;
    self.Owners = ko.observableArray([
        {FullName: 'Bob Jones',Id: 1},
        {FullName: 'Joe Bloggs',Id: 2},
        {FullName: 'Joe Bloggs',Id: 2}
    ]);

    self.GetOwners = function () {
        var ownerIds = [],
            addedIds = [],
            count = 0;

        var owners = ko.utils.arrayForEach(self.Owners(), function (owner) {
            if (addedIds.indexOf(owner.Id) == -1) {
                addedIds[count] = owner.Id;
                ownerIds[count] = {
                    FullName: owner.FullName,
                    Id: owner.Id
                };

                count++;
            }
        });

        return ownerIds;
    }

    self.Add = function() {
        self.Owners.push({ FullName: 'Jane Doe', Id: 3 });
    }
};

var vm = new ViewModel();
ko.applyBindings(vm);

HTML：

<select data-bind="options: GetOwners(), optionsText: 'FullName', optionsValue: 'Id'">    </select>
<!-- I dont want the values in this select to update when I add an owner by clicking the button below -->

<button data-bind="click: Add">Add</button>

Answer 1

听起来你应该只使用第二个observableArray作为下拉列表中的值。这样原始的观察结果可以在没有影响的情况下发生变化。

knockout +从可观察数组中填充值但在数组更新时不更新值

1 个答案: