knockout.js经由选择的值在ko.computed语句中使用ko.observable

Question

我试图实现与有一定的难度淘汰赛如下：

1. 绑定一个选择的表单元素...本作品
2. 通过ko.observable显示选定的选项...这个作品
3. 在ko.computed变量中使用＃2中的ko.observable ...我无法弄清楚这一点。

这是我迄今尝试的Fiddle。有任何想法吗？

Answer 1

立即评估计算的观测值。当你在你的例子中使用对象字面值创建viewModel变量时，它在计算的observable中还不能使用。

有几个选择。写这样的：

var viewModel = { 
    optionValues: [10, 20, 30], 
    selectedOptionValue: ko.observable() 
}; 

viewModel.multipledValue = ko.computed(function(){ 
    return this.selectedOptionValue() * 3; 
}, viewModel); 

ko.applyBindings(viewModel);​ 

或

var ViewModel = function() { 
    this.optionValues = [10, 20, 30]; 
    this.selectedOptionValue = ko.observable(); 
    this.multipledValue = ko.computed(function(){ 
     return this.selectedOptionValue() * 3; 
    }, this); 

}; 

ko.applyBindings(new ViewModel()); 

此外，selectedOptionValue是可观察到的，所以你会通过调用它作为像没有参数的函数读取它的值：this.selectedOptionValue()