ng-repeat value in array with same name

Question

In my array there is multiple key value having same name . I want to list them all in my View how can I achieve that ?

I am facing error stating [ngRepeat:dupes] Duplicates in a repeater are not allowed.

This is my JSON array :-

["text-align", "space-before", "space-before.conditionality", "font-size", "font-weight", "line-height", "font-size", "font-weight", "line-height", "space-before", "font-size", "font-weight", "line-height", "position", "top", "bottom", "right", "left", "text-align", "force-page-count", "break-before", "font-size"]

As we can see few keys are repeating . I need to list all repeated values without missing any in my View

use track by plnkr.co/edit/u4nbIJztVaRvEmCqTvCs?p=preview

Edison Augusthy
– Edison Augusthy

2018-09-10 11:54:53 +00:00
Commented Sep 10, 2018 at 11:54 — Edison Augusthy
– Edison Augusthy, Commented Sep 10, 2018 at 11:54

Ankit Agarwal · Accepted Answer · 2018-09-10 11:54:59Z

1

You you use ng-repeat it loops over the unique values in the array. If you have duplicate values then you need to explicitly mention the Angular module to ignore the values to be unique and look for unique index value, by doing:

ng-repeat = "item in items track by $index"

Using track by you can explicitly mention that which value should be checked as a uniqueness measure while rendering the DOM using ng-repeat. You can even use the property of the object like item in items track by item.id where item is a object having id property and items is a array of objects.

Your array has font-size specified multiple times in the array so use track by $index.

edited Sep 10, 2018 at 11:54

answered Sep 10, 2018 at 11:53

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

WhoAmI Over a year ago

I may have blank value in the array .. I want to filter that out . how can I do that ?like ["text-align", "space-before"," ", " ", "font"]

Ankit Agarwal Over a year ago

@WhoAmI you need to ask a new question for that

Nishant Dixit · Accepted Answer · 2018-09-10 11:54:20Z

1

You can use track by $index to remove this error, something like this

<tag ng-repeat="item in items  track by $index">

//content

</tag>

https://docs.angularjs.org/api/ng/directive/ngRepeat

answered Sep 10, 2018 at 11:54

Nishant Dixit

5,5125 gold badges22 silver badges32 bronze badges

Collectives™ on Stack Overflow

ng-repeat value in array with same name

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related