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

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

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

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

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

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

Duplicates in a repeater are not allowed  Use  track by  expression to specify unique keys   Repeater   0   Duplicate key   1   Duplicate value   2    Example   lt  DOCTYPE html gt   lt html lang  en  xmlns  http   www w3 org 1999 xhtml  gt   lt head gt       lt meta charset  utf-8    gt       lt title gt  lt  title gt       lt script src  angular js  gt  lt  script gt    lt  head gt   lt body gt       lt div ng-app  myApp  ng-controller  personController  gt           lt table gt               lt tr gt   lt th gt First Name lt  th gt   lt th gt Last Name lt  th gt   lt  tr gt               lt tr ng-repeat  person in people track by  index  gt                   lt td gt   person firstName   lt  td gt                   lt td gt   person lastName   lt  td gt                   lt td gt  lt input type  button  value  Select  ng-click  showDetails  index     gt  lt  td gt               lt  tr gt            lt  table gt   lt hr   gt           lt table gt               lt tr ng-repeat  person1 in items track by  index  gt                   lt td gt   person1 firstName   lt  td gt                   lt td gt   person1 lastName   lt  td gt               lt  tr gt           lt  table gt           lt span gt      sayHello     lt  span gt       lt  div gt       lt script gt  var myApp   angular module  myApp                myApp controller  personController      scope   function   scope                          scope people      firstName   F1   lastName   L1                       firstName   F2   lastName   L2                        firstName   F3   lastName   L3                        firstName   F4   lastName   L4                        firstName   F5   lastName   L5                  scope items                    scope selectedPerson    scope people 0                scope showDetails   function  ind                                   scope selectedPerson    scope people ind                    scope items push  scope selectedPerson                              scope sayHello   function                                  return  scope items firstName                             lt  script gt   lt  body gt   lt  html gt

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

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

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

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

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

Examples related to angularjs

Examples related to ng-repeat