Knockout.js - 在下拉列表中设置属性而不永久绑定到模型

Question

我想我有一个非常笼统的问题，但它是针对特定应用程序的。我只是想知道如何在下拉列表上设置一个等于下拉列表初始值的自定义属性。该值将从 KnockOut 视图模型值绑定，但我不想让它永久绑定，因此如果它更改，该属性的值不会更改：

<select data-bind="options: availableSlots, attr: { preset: SlotPosition }, event: {'change', myChangeRoutine} " ></select> 

在上面的示例中，preset 是我的属性，我想将其设置为 SlotPosition，它位于我的视图模型中，并且下拉列表最初会自动设置为。 availableSlots 是一个 MVC 服务器端创建的 SelectListItem，它具有插槽 1 到 x 个我作为 ko.observableArray() 返回到我的视图模型中的项目。 （在服务器端代码中，我将 Selected 设置为 true，在需要为给定值设置的位置，并构建选项。）

上面的示例将我的属性preset 绑定到我的模型值SlotPosition，但我只想让它记住该值直到它被更改，而不是永久绑定到它。我遇到的问题是，在myChangeRoutine 中，preset 的值已经成为下拉列表更改为的值。我希望它能够工作，以便当我更改下拉列表的值并运行 myChangeRoutine 时，我可以使用旧值做一些事情。

Answer 1

只需将您的SlotPosition 设为简单的普通值，而不是ko.observable，这将是一次绑定。 或者使用attr { preset : SlotPosition.peek() }，见documentation。

Answer 2

这可以通过更简单的方式实现，不需要任何更改事件和其他使视图变得复杂的东西。我们只需要使用subscribe

查看模型：

var ViewModel = function () {
    var self = this;

    self.availableSlots = ko.observableArray(slots);   
    self.Id = '999';
    self.SlotPosition = ko.observable();    
    self.Preset = ko.observable(1); 

     self.SlotPosition.subscribe(function(newVal){
         if(newVal == self.Preset()) return false;
         var newVal = self.SlotPosition(); 
         alert('newVal: ' + newVal);
         alert('oldVal: ' + self.Preset());
         // Then, I find my other dropdown from the next model 
         // using the newVal, and set it to oldVal
         // After doing you work set the newVal to self.Preset
         self.Preset(newVal); 
    });

};
ko.applyBindings( new ViewModel() );

查看：

<div>
    <select data-bind="options: slots, optionsText: 'Text', optionsValue: 'Value', value: SlotPosition"> </select>
</div>

无需窥视工作小提琴使用订阅 here

使用订阅 peek 工作小提琴 here