Found 9 elements with non-unique id

I’m submitting a … (check one with “x”)

[ ] bug report => search github for a similar issue or PR before submitting
[ ] support request/question

Notice: feature requests will be ignored, submit a PR if you'd like

Current behavior

<tag-input id="{{item.name}}"  [theme]="'bootstrap'" [secondaryPlaceholder]="'(after add press enter)'" [attr.required]="item.required" [ripple]="false" [(ngModel)]="dropdownDataSelectOptions[item.holderId]"  [theme]="'bootstrap'" [maxItems]="1"  [identifyBy]="'id'" [onlyFromAutocomplete]="false">
                        <tag-input-dropdown id="{{item.name}}" [showDropdownIfEmpty]="true"
                            [focusFirstElement]="true"
                            [displayBy]="'value'"
                            [identifyBy]="item.name"
                            [autocompleteItems]="dropdownData[item.holderId]">
                              <ng-template let-item="item" let-index="index">
                              {{ item.value }}
                          </ng-template>
                      </tag-input-dropdown>
                    </tag-input>

Expected behavior

Works as expected, everything is working. The only issue is in the browser I am getting Found 9 elements with non-unique id # error this is because I am looping through an array and adding the tag-input. I have tried adding name and id property but some how its not working.

Minimal reproduction of the problem with instructions (if applicable)

What do you use to build your app?. Please specify the version

Webpack

Angular version:

Angular 5

ngx-chips version:

latest

Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

Chrome

[Gbuomprisco]

Try [inputId]=“item.name” on <tag-input>

[dholakiyaankit]

[inputId]="item.name" works