Блог

Я долго размышлял над тем, как использовать данные API с использованием Angular 6 и http-клиентского модуля. У меня работает запрос get, и данные возвращаются. Сейчас я пытаюсь заполнить неупорядоченный список данными, которые заполняют список URL-адресами репозитория со ссылками на конкретные репозитории.

Вот что у меня есть в repo.component.html:

 <ul class="list-group">
  <li class="list-item" *ngFor="let repo of repos">
    <a href="">{{repo.html_url}}</a>
  </li>
</ul>
  

Это приводит к URL-адресам репозитория и помещает их в ссылку, но, очевидно, когда вы нажимаете на ссылку, она не переходит на правильный URL.

Я просмотрел множество документации и не могу найти конкретный пример того, как это сделать. В Tour of Heros даже не используется настоящий http-клиент, и я пробовал различные методы, такие как router links и ngHref, но, похоже, ни один из них не работает.

Я знаю, что мне не хватает чего-то простого, я просто не могу понять это. Любая помощь в получении URL-адреса репозитория для ссылки на фактический URL-адрес в списке была бы отличной.

Вы можете выполнить привязку к свойству href

 <ul class="list-group">
  <li class="list-item" *ngFor="let repo of repos">
    <a [href]="repo.html_url">{{repo.html_url}}</a>
  </li>
</ul>