javascript - 在 Angular JS 中计算销售价格

Question

所以我有一个简单的表格，提供产品成本、加价和最终销售价格。

但是，angularjs 没有返回我所提供的正确值。

考虑以下因素:

I have a product that costs me $50.00 to get in my store.

To make a profit, I mark this product up 30% or .30.

So my final sale price to my customers would be $65.00

为了解决这个问题，我们使用简单的数学计算，如下所示:

Item Cost + (Item Cost x Markup Percentage) = Price 

$50.00 + ($50.00 x .30) = $65.00

所以在我的 HTML 中我有一个简单的表单

<form>
  <input type="text" ng-model="pr.cost" class="form-control" placeholder="Cost" />
  <input type="text" ng-model="pr.markup" class="form-control" placeholder="Markup %" />
  <input type="text" class="form-control" placeholder="{{pr.type}} Sale" value="{{pr.cost+(pr.cost*pr.markup)|currency}}" readonly/>
</form>

当我将上面给出的数字输入到此表单中时，我得到以下结果:

Cost: $50
Markup: .30
Sale Price: $5,015.00

这相当于 30% 的加价!我到底做错了什么？

对于那些喜欢 fiddle 的人，我在这里创建了一个 JSFiddle: http://jsfiddle.net/p20roLLu/

Answer 1

这是因为 JavaScript 将 pr.cost 作为字符串接收。它看到 (pr.cost*pr.markup) 并自动转换为整数类型，但 pr.cost 抛弃了它，因此它添加了 "50"+"15"并返回“5015”。这可以通过强制 JavaScript 将 pr.cost 解释为整数来解决，一种简单的方法是乘以或除以一:

{{(pr.cost*1)+(pr.cost*pr.markup)|currency}}

这不是一个完美或干净的解决方案，但它至少可以工作。