Angular: Как создать динамическое c выпадающее меню во вложенном цикле

Question

У меня возникли некоторые проблемы с выяснением, как сделать выпадающее меню в angular, которое напрямую показывает, что выбрал пользователь. Я хочу создать карты, и каждая карта должна содержать выпадающее меню с (перемешанными) значениями.

Cars - это строка JSON, и функция shuffle возвращает перемешанный массив соответствующих клавиш. Мой код в настоящее время выглядит следующим образом:

<div class="row">
   <div *ngFor="let item of cars| keyvalue" class="card bg-light col-sm-12 col-md-6 col-lg-3 my-2">
      <p class="card-text">
         {{ item.value }}
      </p>
      <div class="form-group col-5">
         <select class="form-control" [(ngModel)] = "dropSelect">
         <option *ngFor='let car of shuffle(cars); let i = index'  selected ="selected" [attr.id]="'Drop' + i">{{car}}</option>
         </select> 
         <p>Selected option: {{dropSelect}}</p>
      </div>
   </div>
</div>

В тот момент, когда я выбираю элемент из выпадающего меню, часть «выбранная опция» также показывает выбор на всех других картах, но я хочу только показать его для карты, где выбран предмет.

Answer 1

используйте [значение] вместо [выбрано]. это может работать.

Вы можете проверить здесь