javascript - 如何用knoukout对数字进行四舍五入？

Question

我有一个“重量”数字，如下所示，我想用 knockoutjs 将其四舍五入:

3.0000

我想要这样的:

3

这是代码:

                        <strong class="product-item-name">
                            <!-- ko if: product_has_url -->
                            <a data-bind="attr: {href: product_url}, html: product_weight"></a>
                            <!-- /ko -->
                            <!-- ko ifnot: product_has_url -->
                            <!-- ko text: product_weight --><!-- /ko -->
                            <!-- /ko -->
                        </strong>

Answer 1

你并不真的需要 knockout 来进行四舍五入。 Math.round ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/round ) 会做你想做的事。您可以调用 javascript 函数或绑定(bind)范围内的任何其他函数。想想你的情况，会是这样的:

<--ko text: Math.round(product_weight()) -->

您也可以将函数卡在 View 模型之外，并在绑定(bind)中调用它们，如下所示:

var myViewModel {
  myViewProperty: ko.observable("a value"),
  myRoundingFunction: function(v) {
    return Math.round(v);
  }
}

然后执行:

<div data-bind="text:myCoolFunction(myViewProperty)"></div>

它将在 View 模型中的属性 myViewProperty 上调用 View 模型中的函数。