淘汰賽計算不點火訂閱

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>