1

尝试用 observable 进行简单的字符串替换时，我不断收到以下错误。

str.replace 不是函数

这是我的意思的一个示例。我得到了以下可观察的，它工作正常：

this.price = ko.observable(data.price);
this.priceFloat = ko.computed(function() {
return parseFloat( Math.abs(viewModel.price()) ).toFixed(2);
}, this);

至于为什么我需要相同数字的计算版本和可观察版本是另一个问题。现在我需要删除我的逗号，这是非常基本的。我只是在我的控制台中做了这个并且它有效。

var str = "3,047";
var nw = str.replace(',', '');
console.log(nw);

但是当我把它放在计算函数中时，它会返回错误。

this.price = ko.observable(data.price);
this.priceFloat = ko.computed(function() {
    var str = viewModel.price();
    var nw = str.replace(',', '');
    console.log(nw);
return parseFloat( Math.abs(viewModel.price()) ).toFixed(2);
}, this);

我也尝试了以下方法，但没有奏效，它仍然返回相同的错误。

ko.extenders.removeComma = function(target) {

  var result = ko.computed({
    read: function () { return target(); },
    write: function (v) { 
      target(v.replace(/\,/g, ''));
    }
  });
  return result;
};
this.price = ko.observable(data.price).extend({removeComma: ""});

有谁知道为什么会这样？任何解释将不胜感激。

4

2 回答 2

2

很可能是因为 observable 返回的值不是会导致此错误的字符串。请参阅下面的处理方法：

this.price = ko.observable(data.price);
this.priceFloat = ko.computed(function() {
    var str = viewModel.price() ? viewModel.price().toString() : '';
    var nw = str.replace(',', '');
    console.log(nw);
return parseFloat( Math.abs(viewModel.price()) ).toFixed(2);
}, this);

编辑：

http://jsfiddle.net/Qbc7Z/3/

于 2013-04-30T19:59:02.800 回答
2

在评论 ko 你可以这样使用......

<!-- ko text: address().telephone.toString().replace(/(\d{3})(\d{3})(\d{4})/, "($1) $2-$3") --><!-- /ko --><br/>
于 2017-11-10T16:23:12.200 回答