Selecting a value bind the same value to all ng-select dropdowns

Hi I am using ng-select in ngFor, thus showing up the more than one ng-select dropdown in UI. But issue is whenever i am trying to select a value for a dropDown, it auto selects the same value for all other dropdowns.

Template:

<div>
  <ul class="attrib-list" *ngFor="let car of allCarsModelsInState">
    <li>{{car.description}}</li>
    <div class="pos">
      <ng-select [items]="values" [multiple]="true" [closeOnSelect]="true" placeholder="{{'select' | translate}}" [searchable]="false"
        [(ngModel)]="selectedCars" (focus)="getListOfCars(car)" [clearable]="false">
        <ng-template ng-multi-label-tmp>
          <span>{{selectedCars}}</span>
        </ng-template>
      </ng-select>
    </div>
  </ul>
</div>

ts file: values = [‘c1’,‘c2’,‘c3’…] Values for cars will be prepared dynamically whenever i click on a dropdown.

export class Cars{
selectedCars[] = [];

getListOfCars(car){
this.values = carvalues
}
}

Please help Thanks

[varnastadeus]

use stackoverflow for this type of questions

[Exlord]

you need to use array indexes or object keys for ngModel.

<div *ngFor="let row of selectedFields;index as i">
    <div class="form-group m-form__group row">
        <label class="col-form-label col-sm-12">Field</label>
        <div class="col-lg-6 col-md-9 col-sm-12">
            <ng-select [items]="fieldsByBusiness"
                       bindLabel="name"
                       bindValue="id"
                       [(ngModel)]="selectedFields[i]"
                       [ngModelOptions]="{standalone: true}"
                       (change)="onFieldsByBusinessChange($event)"
            >
            </ng-select>
        </div>
    </div>
</div>