猫鼬模块小数的AngularJS输入

Question

I have a mongoose model containing a salesPrice type number. Since mongoose doesn't support decimals I created a setter and a getter like this

function getSalesPrice(num){
    if (num)
        return (num/100).toFixed(2);
    else
        return (0).toFixed(2);
}

function setSalesPrice(num){
    return num*100;
}

In Angular view i want to view value with decimals, so eg I store 99 in model meaning $0.99 only in my form will show as 99

<label for="salesPrice" class="col-md-2 control-label">Salesprice</label>
<div class="col-md-10">
    <input type="number" class="form-control" data-ng-model="asset.salesData.salesPrice" id="salesPrice" placeholder="Sales price in USD">
</div>

What's way to work with this correctly?

Answer 1

If I understand your need correctly, then the best way to solve this problem is to use angular's built-in 'currency' filter. If you have a $resource that returns values in decimal format from eg mongoose, then you can display the values like:

<div ng-repeat="value in values">
    {{ value | currency }}
</div>

And achieve a locale specific (based on the browser viewing it) result.

here is an example plnkr showing this off (without a mock resource)