Как я могу использовать данные URL для отображения в качестве опции в выпадающем списке?

#angular #get #dropdown

#angular #получить #выпадающий

Вопрос:

Здесь у меня есть URL, который содержит массив данных.Теперь мне нужно извлечь данные из этого URL для отображения в качестве опции в выпадающем списке и выбрать нужный.Я знаю, что это можно сделать с помощью метода Get, но я не могу этого сделать.Пожалуйста, помогите мне с этим.Я надеюсь, что мои сомнения ясны, если есть путаница, пожалуйста, дайте мне знать.

 url:https://api.myjson.com/bins/l8asa
  

Это предоставленный URL .. необходимо получить подробную информацию об этом URL в выпадающем меню.
Заранее спасибо ..!!

Комментарии:

1. Пожалуйста, поделитесь некоторым кодом из того, что вы пробовали.

2. Вы можете найти в официальных документах: angular.io/tutorial/toh-pt6

Ответ №1:

Хотя из вашего вопроса неясно, что вы на самом деле хотите сделать, но я попытался угадать.Посмотрим, может ли это помочь. Сохраните ответ URL в переменной, а затем в шаблоне (html) используйте цикл for.

Components.ts

  res => {
    console.log(res);
    this.data = res;
  }
  

Component.html

 <tr  *ngFor="let i of data;" mdbTableCol ><td style="float:left">
<a class="dropdown-item waves-light" mdbWavesEffect><strong>{{ i.classid }}</strong> 
</a>
<a class="dropdown-item waves-light" mdbWavesEffect><strong>{{ i.url }}</strong></a>
 </td>
 </tr>