Вернуть указатель c Id из списка данных angular 6, используя find - PullRequest
0 голосов
/ 31 марта 2020

У меня есть следующее автоматическое предложение списка данных в текстовом поле. Когда я выбираю Джона Сноу из списка, я не получаю соответствующий идентификатор. Если я выберу второго Джона Сноу, я получу идентификатор 53c911ea60925sdfs4e444eg2

<datalist id="getList">
     <option *ngFor="let obj of getListofNames; let s = index" id='s' [value]="obj.Name" autofocus>
     </option>
</datalist>

Приведенный выше код будет отображаться следующим образом: html

<input type="text" class="form-control" name="userName" placeholder="Type a user's name" value="" list="user-datalist" required autofocus>
<datalist id="user-datalist">
      <option id="1" value="Mr Smith">Mr Smith</option>
      <option id="2" value="John Snow">John Snow</option>
      <option id="4" value="John Snow">John Snow</option>
      <option id="3" value="Mickey Mouse">Mickey Mouse</option>
</datalist>

Как этого добиться в angular метод поиска

 var getAutoRow;
 getAutoRow = this.getListofNames.find(fetch => fetch.Name== 'john Snow');

, а также способ получения идентификатора для выбранного значения

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...