Only Show First Element Of Ng-repeat

How do I show only the first element in angular? I'm using ng-repeat like this:

{{ product.price }}

Solution 1:

You might also want to use

<divng-repeat="product in products|limitTo:1"><div>{{ product.price }}</div></div>

but yes the code below is better

<div>{{products[0].price}}</div

Solution 2:

Don't use ng-repeat directive, this should work:

<div>{{ products[0].price }}</div>

Solution 3:

Alternately you can show the last in an array by doing this:

<div>{{ products[products.length-1].price }}</div>

Share

You may like these posts

• 
  Auto Populate Form And Auto Submit With Url Parameters
• 
  Jquery Disable Click Until Animation Is Fully Complete
• 
  How To Animate Background Position In Ie8?
• 
  Why Does This Highlighter Not Always Work?