Angular ng-repeat Error Duplicates in a repeater are not allowed

Question

I am defining a custom filter like so    lt div class  idea item  ng-repeat  item in items  isoatom gt           lt div class  section comment clearfix  ng-repeat  comment in item comments   range 1 2  gt                    lt  div gt   lt  div gt    As you can see the ng-repeat where the filter is being used is nested within another ng-repeat  The filter is defined like this   myapp filter  range   function         return function input  min  max            min   parseInt min     Make string input int         max   parseInt max           for  var i min  i lt max  i                input push i           return input               I m getting      Error  Duplicates in a repeater are not allowed  Repeater  comment in item comments   range 1 2 ngRepeatAction https   ajax googleapis com ajax libs angularjs 1 1 4 an

User · Answer

Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: sdetail in mydt, Duplicate key: string: , Duplicate value:

I faced this error because i had written wrong database name in my php api part......

So this error may also occurs when you are fetching the data from database base, whose name is written incorrect by you.

User · Answer

Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: sdetail in mydt, Duplicate key: string: , Duplicate value:

I faced this error because i had written wrong database name in my php api part......

So this error may also occurs when you are fetching the data from database base, whose name is written incorrect by you.

Examples related to angularjs

• AngularJs directive not updating another directive's scope • ERROR in Cannot find module 'node-sass' • CORS: credentials mode is 'include' • CORS error :Request header field Authorization is not allowed by Access-Control-Allow-Headers in preflight response • WebSocket connection failed: Error during WebSocket handshake: Unexpected response code: 400 • Print Html template in Angular 2 (ng-print in Angular 2) • $http.get(...).success is not a function • Angular 1.6.0: "Possibly unhandled rejection" error • Find object by its property in array of objects with AngularJS way • Error: Cannot invoke an expression whose type lacks a call signature

Examples related to ng-repeat

• Angular ng-repeat add bootstrap row every 3 or 4 cols • How to push objects in AngularJS between ngRepeat arrays • Adding parameter to ng-click function inside ng-repeat doesn't seem to work • AngularJS : Custom filters and ng-repeat • Angular ng-repeat Error "Duplicates in a repeater are not allowed." • How to filter (key, value) with ng-repeat in AngularJs? • ng-repeat :filter by single field • Custom sort function in ng-repeat

User · Answer

My JSON response was like this     items       amp nbsp        amp nbsp  amp nbsp          index   1         name    Samantha          rarity    Scarborough          email    maureen sykes mk              amp nbsp  amp nbsp          index   2         name    Amanda          rarity    Vick          email    jessica livingston mv             So  I used ng-repeat    item in variables items   to display it

User · Answer

What do you intend your  range  filter to do   Here s a working sample of what I think you re trying to do  http   jsfiddle net evictor hz4Ep   HTML    lt div ng-app  manyminds  ng-controller  MainCtrl  gt     lt div class  idea item  ng-repeat  item in items  isoatom gt          Item    index        lt div class  section comment clearfix  ng-repeat  comment in item comments   range 1 2  gt        Comment    index           comment        lt  div gt     lt  div gt   lt  div gt    JS   angular module  manyminds       function       filter  range   function         return function input  min  max            var range               min   parseInt min     Make string input int         max   parseInt max           for  var i min  i lt  max  i                input i   amp  amp  range push input i            return range              function MainCtrl  scope         scope items                           comments                     comment 0 in item 0                    comment 1 in item 0                                                 comments                     comment 0 in item 1                    comment 1 in item 1                    comment 2 in item 1                    comment 3 in item 1

User · Answer

I was having an issue in my project where I was using ng-repeat track by  index but the products were not getting reflecting when data comes from database  My code is as below   lt div ng-repeat  quot product in productList productList track by  index quot  gt     lt product info  quot product quot  gt  lt  product gt    lt  div gt   In the above code  product is a separate directive to display the product But i came to know that  index causes issue when we pass data out from the scope  So the data losses and DOM can not be updated  I found the solution by using product id as a key in ng-repeat like below   lt div ng-repeat  quot product in productList productList track by product id quot  gt     lt product info  quot product quot  gt  lt  product gt    lt  div gt   But the above code again fails and throws the below error when more than one product comes with same id  angular js 11706 Error   ngRepeat dupes  Duplicates in a repeater are not allowed  Use  track by  expression to specify unique keys  Repeater So finally i solved the problem by making dynamic unique key of ng-repeat like below   lt div ng-repeat  quot product in productList productList track by  product id    index  quot  gt     lt product info  quot product quot  gt  lt  product gt    lt  div gt   This solved my problem and hope this will help you in future

User · Answer

The solution is actually described here  http   www anujgakhar com 2013 06 15 duplicates-in-a-repeater-are-not-allowed-in-angularjs   AngularJS does not allow duplicates in a ng-repeat directive  This means if you are trying to do the following  you will get an error      This code throws the error  Duplicates in a repeater are not allowed     Repeater  row in  1 1 1  key  number 1   lt div ng-repeat  row in  1 1 1   gt    However  changing the above code slightly to define an index to determine uniqueness as below will get it working again      This will work  lt div ng-repeat  row in  1 1 1  track by  index  gt    Official docs are here  https   docs angularjs org error ngRepeat dupes

User · Answer

Just in case this happens to someone else  I m documenting this here  I was getting this error because I mistakenly set the ng-model the same as the ng-repeat array     lt select ng-model  list views  gt        lt option ng-selected    view    config list view             ng-repeat  view in list views           value    view    gt             view         lt  option gt    lt  select gt    Instead of    lt select ng-model  config list view  gt        lt option ng-selected    view    config list view             ng-repeat  view in list views           value    view    gt             view         lt  option gt    lt  select gt    I checked the array and didn t have any duplicates  just double check your variables

User · Answer

For those who expect JSON and still getting the same error  make sure that you parse your data    scope customers   JSON parse data

User · Answer

If by chance this error happens when working with SharePoint 2010  Rename your  json file extensions and be sure to update your restService path  No additional  track by  index  was required     Luckily I was forwarded this link to this rationale        json becomes an important file type in SP2010  SP2010 includes certains webservice endpoints  The location of these files is 14hive isapi folder  The extension of these files are  json  That is the reason it gives such a error        cares only that the contents of a json file is json - not its file extension    Once the file extensions are changed  should be all set

User · Answer

If you call a ng-repeat within a  lt  ul gt  tag  you may be able to allow duplicates  See this link for reference  See Todo2 html

[angularjs] Angular ng-repeat Error "Duplicates in a repeater are not allowed."

Examples related to angularjs

Examples related to ng-repeat