Angular number filter in HTML not working; empty string is returned

Question

I have an array returning number of places.

      <h3 ng-controller="TotalPlacesCtrl">Total Places: {{places.places}}</h3>

Whenever I add {{places.places | number}} {{places.places | number}} The page shows no results. Also if I remove | number | number It displays number as [1292] But I want it to display in 1,292 format. How can I make this work?

Answer 1

If it displays as [1292] , that means that places.places is not a number. It's an array containing a single element. So you need places.places[0] .

Answer 2

Try with:

{{places.places[0] | number}}

Seems to me that is an array and you are refrencing the whole array instead do refer with its index.