大量の数値で問題を作成するKnockoutJSスクリプト

Question

javascript関数をバインドしようとしていますが、バインディング時に自動的に10進数値が変換される問題が発生し続けます（53.000は53000に変換されます）。以下は私が達成しようとしているものの例です。 VATは53.000と価格である

<script data-bind="text: 'getNewValue(Price ',' + VAT + ');'"></script> 

は、私は（2）のようなので、成功せず.toFixedを追加しようとしている378

です。

<script data-bind="text: 'getNewValue(Price.toFixed(2) ',' + VAT.toFixed(2) + ');'"></script> 

ありがとうございました！ knockout.jsで

/ピーター・

Answer 1

あなたは、このようなデータバインドで直接関数を定義することができます

<script data-bind="text: getNewValue(Price.toFixed(2) + ',' + VAT.toFixed(2));"></script> 

両方の値が1で2に固定小数でこれはあなたのgetNewValue関数を呼び出します

変数あなただけのあなたも、このようなデータバインドで直接それを行うことができ、これらの2つの値の連結をしたい場合：

<script data-bind="text: Price.toFixed(2) + ', ' + VAT.toFixed(2);"></script> 

これはにつながる：、 53.00 378.00

Answer 2

を私は電話番号を処理するために、本来はこれを書いたが、通貨のためにうまく動作するようです。 （注：私はここでUSDを使用しています）。この購読可能な計算では、それを任意の通貨要素に追加するだけで、通貨として正しく表示されますが、値を浮動小数点/整数として保持します。これにより、ビューモデル全体の計算での使用が容易になります。

function ToAmount() { 
 
    return ko.computed({ 
 
    read: function() { 
 
     var num = parseFloat(ko.unwrap(this)); 
 
     return this() ? "$" + num.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ",") : "$0.00"; 
 
    }, 
 
    write: function(_amount) { 
 
     this(_amount); 
 
     this.notifySubscribers(); 
 
    }, 
 
    owner: this, 
 
    }).extend({ 
 
    notify: 'always' 
 
    }); 
 
} 
 
ko.subscribable.fn.ToAmount = ToAmount; 
 

 
function vm() { 
 
    var self = this; 
 

 
    self.Money = ko.observable(12.345); 
 
} 
 

 
ko.applyBindings(new vm());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script> 
 

 
<input data-bind="value: Money.ToAmount()">