Iteration ng-repeat only X times in AngularJs

Question

How can I use ng-repeat like for in Javascript   example    lt div ng-repeat  4  gt Text lt  div gt    I want to iterate with ng-repeat 4 times but how can I do it

User · Answer

You can use slice method in javascript array object   lt div ng-repeat  item in items slice 0  4   gt   item   lt  div gt    Short n sweet

User · Answer

All answers here seem to assume that items is an array  However  in AngularJS  it might as well be an object  In that case  neither filtering with limitTo nor array slice will work  As one possible solution  you can convert your object to an array  if you don t mind losing the object keys  Here is an example of a filter to do just that   myFilter filter  obj2arr   function         return function obj            if  typeof obj      object                 var arr       i   0  key              for  key in obj                     arr i    obj key                   i                              return arr                    else               return obj                          Once it is an array  use slice or limitTo  as stated in other answers

User · Answer

in the html      lt div ng-repeat  t in getTimes 4   gt text lt  div gt    and in the controller     scope getTimes function n        return new Array n        http   plnkr co edit j5kNLY4Xr43CzcjM1gkj  EDIT     with angularjs   1 2 x   lt div ng-repeat  t in getTimes 4  track by  index  gt TEXT lt  div gt

User · Answer

Angular comes with a limitTo limit  filter  it support limiting first x items and last x items    lt div ng-repeat  item in items limitTo 4  gt   item   lt  div gt

User · Answer

This is the simplest workaround I could think of    lt span ng-repeat  n in    constructor 5  track by  index  gt     index    lt  span gt    Here s a Plunker example

User · Answer

To repeat 7 times  try to use a an array with length 7  then track it by  index    lt span ng-repeat  a in    b     length 7  amp  amp b  track by  index  ng-bind   index   1         gt  lt  span gt       b    create an empty Array   b       length 7 set it s size to   7       amp  amp b let the new Array   b   be available to ng-repeat    track by  index where    index   is the position of iteration    ng-bind   index   1  display starting at 1    To repeat X times  just replace 7 by X

User · Answer

Answer given by  mpm is not working it gives the error     Duplicates in a repeater are not allowed  Use  track by  expression to   specify unique keys  Repeater   0   Duplicate key   1    To avoid this along with      ng-repeat  t in getTimes 4     use      track by  index   like this      LT div ng-repeat  t in getTimes 4  track by    index  GT TEXT LT  div GT

[javascript] Iteration ng-repeat only X times in AngularJs

Examples related to javascript

Examples related to angularjs