How to apply filter number to input value | Angularjs

Question

I need to apply angular's filter number to input value directly.

I thought the code below must work, but it doesn't..

<input type="text" ng-model="product.price" value="{{product.price | number}}" required>

Is it possible to implement this by default Angular resources? Without writting directives?

Ved · Accepted Answer · 2015-05-14 05:47:15Z

2

This can be achived using regex or ng-pattern.

<input type="text" ng-model="product.price" ng-pattern="/^(\d)+$/" required>

2.If you want to format the data value, you can do something like this.

$scope.product.price= parseInt($scope.product.price)

answered May 14, 2015 at 5:36

Ved

12.1k5 gold badges46 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

It must format the input value like Angular's filter number. Your code doesn't do this..

if you want to format your data value to number, do this in controller itself.

Brent Washburne · Accepted Answer · 2015-05-14 05:42:36Z

1

You don't need to use the value attribute when you have the ng-model attribute:

<input type="text" ng-model="product.price" required>

Set the value of product.price in the controller. If you want to format the price, do it in the controller as well.

answered May 14, 2015 at 5:42

Brent Washburne

13.2k4 gold badges65 silver badges86 bronze badges