填充a<;ul>;使用angular 6 http模块使用github api数据

填充a<;ul>;使用angular 6 http模块使用github api数据,angular,Angular,我一直在玩弄如何使用Angular 6和http客户端模块使用API数据。我已经让get请求工作并返回数据。我现在试图用数据填充一个无序列表,这些数据用repo url填充列表,其中包含指向特定repo的链接 以下是我在repo.component.html中看到的内容: <ul class="list-group"> <li class="list-item" *ngFor="let repo of repos"> <a href="">{{re

我一直在玩弄如何使用Angular 6和http客户端模块使用API数据。我已经让get请求工作并返回数据。我现在试图用数据填充一个无序列表,这些数据用repo url填充列表,其中包含指向特定repo的链接

以下是我在repo.component.html中看到的内容:

<ul class="list-group">
  <li class="list-item" *ngFor="let repo of repos">
    <a href="">{{repo.html_url}}</a>
  </li>
</ul>
这会引入repo url并将它们放在一个链接中,但很明显,当您单击链接时,它不会转到正确的url

我看过很多文档,但找不到一个具体的例子来说明如何做到这一点。《英雄之旅》甚至没有使用真正的http客户端,我尝试过各种方法,如路由器链接和ngHref,但似乎都不起作用


我知道我错过了一些简单的事情,我就是想不出来。让repo 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>