淘汰赛计算不点火订阅

Question

这是我的代码：

self.convertedPrice = ko.computed(function() { 
    console.debug('Calculating convertedPrice'); 
    if (self.ProductListPrice() != null && self.multiplicationFactor() != null) { 
     return self.ProductListPrice() * self.multiplicationFactor(); 
    } 

    return 0; 
}).extend({notify:'always'}); 

self.convertedPrice.subscribe(function (newVal) { 
    console.debug('convertedPrice subscription fired.'); 
    self.discountedPrice(parseFloat(newVal).toFixed(2)); 
}); 

当self.ProductListPrice更新，self.convertedPrice正确地更新和调试第一写入，但认购不烧成，第二调试语句不会被写入和self.discountedPrice未更新。

我已经通过将订阅的内容移动到计算的代码中来解决这个问题，但我想了解原始订阅无法工作的原因。如果我手动更改self.ProductListPrice或self.multiplicationFactor，订阅就会触发，但是当它们因我的其他代码和用户输入而更改时，订阅不会触发。

任何想法我做错了什么？

Answer 1

我唯一的猜测是你在做一个赋值而不是在设置一个值时调用observables。下面的代码按预期工作。

function viewModel() { 
 
    var self = { 
 
    discountedPrice: ko.observable(), 
 
    ProductListPrice: ko.observable(), 
 
    multiplicationFactor: ko.observable() 
 
    }; 
 
    self.convertedPrice = ko.computed(function() { 
 
    console.debug('Calculating convertedPrice'); 
 
    if (self.ProductListPrice() != null && self.multiplicationFactor() != null) { 
 
     return self.ProductListPrice() * self.multiplicationFactor(); 
 
    } 
 

 
    return 0; 
 
    }).extend({ 
 
    notify: 'always' 
 
    }); 
 

 
    self.convertedPrice.subscribe(function(newVal) { 
 
    console.debug('convertedPrice subscription fired.'); 
 
    self.discountedPrice(parseFloat(newVal).toFixed(2)); 
 
    }); 
 
    return self; 
 
} 
 

 
ko.applyBindings(viewModel());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 
<div><label>List Price</label><input data-bind="value:ProductListPrice" /></div> 
 
<div><label>Multiplier</label><input data-bind="value:multiplicationFactor" /></div> 
 
<div><label>Converted</label> <span data-bind="text:convertedPrice"></span></div> 
 
<div><label>Discounted</label> <span data-bind="text:discountedPrice"></span></div>