Knockout.JS：模型到视图的不同值

Question

我正在使用 KnockoutJS，并且有一个输入控件，可以显示模型中的数字。

一切正常，但是我想在输入控件中显示我的数字之前对其进行格式化 - 但我想将其保留为我的视图中的数字！所以，假设我有以下代码：

我有一个函数 toText () 将数字转换为我需要的数字。但是，这不起作用：

我可以了解问题是 Knockoutjs 不知道如何做相反的事情（从文本转换为数字） - 但这对我来说不是问题，因为我已经以另一种方式处理了。

你能给我推荐一个解决方案吗？

Answer 1

最简单的解决方案是使用可写 dependentObservable。

var viewModel = {
    number: ko.observable(10)
};

viewModel.formattedNumber = ko.dependentObservable({
  read: function() {
     //do formatting on this.number() here
     return this.number().toFixed(4);
  },
  write: function(newValue) {
     //take user input and parse into a number
     this.number(parseFloat(newValue));
  },
  owner: viewModel
});

样本：
http://jsfiddle.net/rniemeyer/8bsAF/